diff --git a/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html b/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
index 1eefd3b1487..11a9048ce2e 100644
--- a/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
+++ b/blog/2013/08/24/bootstrap-unlimited-responsive-template/index.html
@@ -504,7 +504,7 @@ <h1 class="post-title mb-3">Bootstrap – unlimited responsive template?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -514,7 +514,7 @@ <h1 class="post-title mb-3">Bootstrap – unlimited responsive template?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -540,8 +540,9 @@ <h1 class="post-title mb-3">Bootstrap – unlimited responsive template?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -559,8 +560,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -579,8 +579,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -598,8 +599,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -618,8 +618,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -637,8 +638,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -657,8 +657,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -676,8 +677,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -696,8 +696,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -715,8 +716,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -735,8 +735,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -754,8 +755,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -820,9 +820,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2013/08/24/genius-bootstrap-admin-template/index.html b/blog/2013/08/24/genius-bootstrap-admin-template/index.html
index ecf831103bb..855a073f7e8 100644
--- a/blog/2013/08/24/genius-bootstrap-admin-template/index.html
+++ b/blog/2013/08/24/genius-bootstrap-admin-template/index.html
@@ -408,7 +408,7 @@ <h1 class="post-title mb-3">Genius Bootstrap Admin Template</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -418,7 +418,7 @@ <h1 class="post-title mb-3">Genius Bootstrap Admin Template</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -444,8 +444,9 @@ <h1 class="post-title mb-3">Genius Bootstrap Admin Template</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -463,8 +464,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -483,8 +483,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -724,9 +724,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html b/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
index fe51bf8e561..fb096233605 100644
--- a/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
+++ b/blog/2013/11/08/bootstrap-3.0.2-and-3.0.1-right-direction/index.html
@@ -381,7 +381,7 @@ <h1 class="post-title mb-3">Bootstrap 3.0.2 and 3.0.1 - right direction?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -391,7 +391,7 @@ <h1 class="post-title mb-3">Bootstrap 3.0.2 and 3.0.1 - right direction?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -417,8 +417,9 @@ <h1 class="post-title mb-3">Bootstrap 3.0.2 and 3.0.1 - right direction?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -436,8 +437,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -456,8 +456,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -475,8 +476,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -495,8 +495,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -514,8 +515,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -534,8 +534,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -553,8 +554,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -573,8 +573,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -592,8 +593,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -612,8 +612,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -631,8 +632,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -697,9 +697,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2017/07/04/whats-new-in-bootstrap-4/index.html b/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
index 8b4f82f5c05..fd19bce5173 100644
--- a/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
+++ b/blog/2017/07/04/whats-new-in-bootstrap-4/index.html
@@ -458,7 +458,7 @@ <h2 id="components">Components</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -468,7 +468,7 @@ <h2 id="components">Components</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -494,8 +494,9 @@ <h2 id="components">Components</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -513,8 +514,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -533,8 +533,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -552,8 +553,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -572,8 +572,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -591,8 +592,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -611,8 +611,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -630,8 +631,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -650,8 +650,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -669,8 +670,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -689,8 +689,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -708,8 +709,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -774,9 +774,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html b/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
index 1b4d91324ee..fb96ffea0de 100644
--- a/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
+++ b/blog/2017/07/10/how-to-migrate-from-bootstrap-3-to-bootstrap-4-beta/index.html
@@ -776,7 +776,7 @@ <h3 id="carousel">Carousel</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -786,7 +786,7 @@ <h3 id="carousel">Carousel</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -812,8 +812,9 @@ <h3 id="carousel">Carousel</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -831,8 +832,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -851,8 +851,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -870,8 +871,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -890,8 +890,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -909,8 +910,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -929,8 +929,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -948,8 +949,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -968,8 +968,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -987,8 +988,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1007,8 +1007,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1026,8 +1027,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1092,9 +1092,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html b/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
index e3aedfac579..07cc9eec949 100644
--- a/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
+++ b/blog/2017/08/12/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta/index.html
@@ -537,7 +537,7 @@ <h3 id="improved-auto-placement-of-tooltips-popovers-and-dropdowns">Improved aut
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -547,7 +547,7 @@ <h3 id="improved-auto-placement-of-tooltips-popovers-and-dropdowns">Improved aut
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -573,8 +573,9 @@ <h3 id="improved-auto-placement-of-tooltips-popovers-and-dropdowns">Improved aut
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -592,8 +593,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -612,8 +612,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -631,8 +632,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -651,8 +651,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -670,8 +671,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -690,8 +690,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -709,8 +710,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -729,8 +729,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -748,8 +749,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -768,8 +768,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -787,8 +788,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -853,9 +853,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html b/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
index 2ba0f6e7405..6c3e6c8c130 100644
--- a/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
+++ b/blog/2018/01/31/migration-from-bootstrap-3-to-bootstrap-4/index.html
@@ -984,7 +984,7 @@ <h3 id="tables">Tables</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -994,7 +994,7 @@ <h3 id="tables">Tables</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -1020,8 +1020,9 @@ <h3 id="tables">Tables</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1039,8 +1040,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -1059,8 +1059,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1078,8 +1079,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1098,8 +1098,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1117,8 +1118,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1137,8 +1137,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1156,8 +1157,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1176,8 +1176,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1195,8 +1196,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1215,8 +1215,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1234,8 +1235,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1300,9 +1300,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2018/03/20/bootstrap-icons/index.html b/blog/2018/03/20/bootstrap-icons/index.html
index 49a4da0c74f..beabd834417 100644
--- a/blog/2018/03/20/bootstrap-icons/index.html
+++ b/blog/2018/03/20/bootstrap-icons/index.html
@@ -429,7 +429,7 @@ <h1 class="post-title mb-3">Bootstrap Icons</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -439,7 +439,7 @@ <h1 class="post-title mb-3">Bootstrap Icons</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -465,8 +465,9 @@ <h1 class="post-title mb-3">Bootstrap Icons</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -484,8 +485,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -504,8 +504,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -523,8 +524,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -543,8 +543,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -562,8 +563,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -582,8 +582,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -601,8 +602,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -621,8 +621,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -640,8 +641,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -660,8 +660,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -679,8 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -745,9 +745,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html b/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
index 044a3fa2f2c..21cf5fb35e7 100644
--- a/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
+++ b/blog/2019/07/01/whats-new-and-updated-in-coreui-3/index.html
@@ -409,7 +409,7 @@ <h3 id="development-plan">Development plan</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -419,7 +419,7 @@ <h3 id="development-plan">Development plan</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -445,8 +445,9 @@ <h3 id="development-plan">Development plan</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -464,8 +465,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -484,8 +484,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -503,8 +504,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -523,8 +523,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -542,8 +543,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -562,8 +562,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -581,8 +582,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -601,8 +601,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -620,8 +621,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -640,8 +640,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -659,8 +660,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -725,9 +725,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2019/09/30/leave-well-alone/index.html b/blog/2019/09/30/leave-well-alone/index.html
index 105c94d1ff4..9a96dad0589 100644
--- a/blog/2019/09/30/leave-well-alone/index.html
+++ b/blog/2019/09/30/leave-well-alone/index.html
@@ -466,7 +466,7 @@ <h5>CoreUI Icons</h5>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -476,7 +476,7 @@ <h5>CoreUI Icons</h5>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -502,8 +502,9 @@ <h5>CoreUI Icons</h5>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -521,8 +522,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -541,8 +541,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -560,8 +561,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -580,8 +580,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -599,8 +600,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -619,8 +619,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -638,8 +639,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -658,8 +658,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -677,8 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -697,8 +697,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -716,8 +717,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -782,9 +782,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html b/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
index bf39d7fde2b..47375ce81b9 100644
--- a/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
+++ b/blog/2019/11/06/are-you-ready-for-coreui-3.0/index.html
@@ -417,7 +417,7 @@ <h4 id="november-promo">November promo</h4>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -427,7 +427,7 @@ <h4 id="november-promo">November promo</h4>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -453,8 +453,9 @@ <h4 id="november-promo">November promo</h4>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -472,8 +473,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -492,8 +492,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -511,8 +512,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -531,8 +531,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -550,8 +551,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -570,8 +570,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -589,8 +590,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -609,8 +609,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -628,8 +629,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -648,8 +648,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -667,8 +668,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -733,9 +733,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2019/12/05/laravel-rockz/index.html b/blog/2019/12/05/laravel-rockz/index.html
index e623488f13e..40542d14b89 100644
--- a/blog/2019/12/05/laravel-rockz/index.html
+++ b/blog/2019/12/05/laravel-rockz/index.html
@@ -408,7 +408,7 @@ <h4 id="coreui-laravel">CoreUI #Laravel</h4>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -418,7 +418,7 @@ <h4 id="coreui-laravel">CoreUI #Laravel</h4>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -444,8 +444,9 @@ <h4 id="coreui-laravel">CoreUI #Laravel</h4>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -463,8 +464,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -483,8 +483,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -724,9 +724,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html b/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
index e618c8e34b3..6f9ef7382e5 100644
--- a/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
+++ b/blog/2020/01/02/coreui-3k-icons-set-why-the-did-we-do-this/index.html
@@ -398,7 +398,7 @@ <h1 class="post-title mb-3">CoreUI 3k&#43; icons set – why the … did we do t
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -408,7 +408,7 @@ <h1 class="post-title mb-3">CoreUI 3k&#43; icons set – why the … did we do t
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -434,8 +434,9 @@ <h1 class="post-title mb-3">CoreUI 3k&#43; icons set – why the … did we do t
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -453,8 +454,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -473,8 +473,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -492,8 +493,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -512,8 +512,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -531,8 +532,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -551,8 +551,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -570,8 +571,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -590,8 +590,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -609,8 +610,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -629,8 +629,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -648,8 +649,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -714,9 +714,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html b/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
index 5b72e77d3c2..98baba43d9d 100644
--- a/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
+++ b/blog/2020/03/06/coreui-vue.js-components-library-gimme-more/index.html
@@ -413,7 +413,7 @@ <h1 class="post-title mb-3">CoreUI Vue.js components library– gimme more?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -423,7 +423,7 @@ <h1 class="post-title mb-3">CoreUI Vue.js components library– gimme more?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -449,8 +449,9 @@ <h1 class="post-title mb-3">CoreUI Vue.js components library– gimme more?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -468,8 +469,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -488,8 +488,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -507,8 +508,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -527,8 +527,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -546,8 +547,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -566,8 +566,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -585,8 +586,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -605,8 +605,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -624,8 +625,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -644,8 +644,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -663,8 +664,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -729,9 +729,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/04/10/happy-easter-stayhome/index.html b/blog/2020/04/10/happy-easter-stayhome/index.html
index 82ea4d480b2..5d99b2d1341 100644
--- a/blog/2020/04/10/happy-easter-stayhome/index.html
+++ b/blog/2020/04/10/happy-easter-stayhome/index.html
@@ -401,7 +401,7 @@ <h1 class="post-title mb-3">Happy Easter &amp; #stayhome?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -411,7 +411,7 @@ <h1 class="post-title mb-3">Happy Easter &amp; #stayhome?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -437,8 +437,9 @@ <h1 class="post-title mb-3">Happy Easter &amp; #stayhome?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -456,8 +457,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -476,8 +476,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -495,8 +496,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -515,8 +515,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -534,8 +535,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -554,8 +554,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -573,8 +574,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -593,8 +593,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -612,8 +613,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -632,8 +632,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -651,8 +652,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -717,9 +717,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html b/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
index 61bf058f27f..5de1a2ae866 100644
--- a/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
+++ b/blog/2020/04/30/coreui-stayhome-getpro-for-free/index.html
@@ -399,7 +399,7 @@ <h1 class="post-title mb-3">CoreUI #stayHome #getPro for Free</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -409,7 +409,7 @@ <h1 class="post-title mb-3">CoreUI #stayHome #getPro for Free</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -435,8 +435,9 @@ <h1 class="post-title mb-3">CoreUI #stayHome #getPro for Free</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -454,8 +455,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -474,8 +474,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -493,8 +494,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -513,8 +513,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -532,8 +533,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -552,8 +552,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -571,8 +572,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -591,8 +591,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -610,8 +611,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -630,8 +630,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -649,8 +650,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -715,9 +715,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html b/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
index 97cdc01b36f..13a946d118f 100644
--- a/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
+++ b/blog/2020/05/31/coreui-3.0-hooks-on-react.js/index.html
@@ -411,7 +411,7 @@ <h1 class="post-title mb-3">CoreUI 3.0 hooks on React.js?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -421,7 +421,7 @@ <h1 class="post-title mb-3">CoreUI 3.0 hooks on React.js?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -447,8 +447,9 @@ <h1 class="post-title mb-3">CoreUI 3.0 hooks on React.js?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -466,8 +467,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -486,8 +486,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -505,8 +506,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -525,8 +525,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -544,8 +545,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -564,8 +564,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -583,8 +584,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -603,8 +603,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -622,8 +623,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -642,8 +642,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -661,8 +662,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -727,9 +727,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html b/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
index b3bd3d03595..2320023d73c 100644
--- a/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
+++ b/blog/2020/06/17/bootstrap-v5-arrived-even-though-its-alpha-were-eager-to-get-more/index.html
@@ -417,7 +417,7 @@ <h3 id="is-that-all">Is that all?</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -427,7 +427,7 @@ <h3 id="is-that-all">Is that all?</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -453,8 +453,9 @@ <h3 id="is-that-all">Is that all?</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -472,8 +473,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -492,8 +492,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -511,8 +512,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -531,8 +531,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -550,8 +551,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -570,8 +570,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -589,8 +590,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -609,8 +609,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -628,8 +629,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -648,8 +648,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -667,8 +668,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -733,9 +733,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html b/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
index 22e7c1bc4b9..f860b13a36a 100644
--- a/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
+++ b/blog/2020/07/20/coreui-vue-laravel-admin-template-more-than-simple-integration.../index.html
@@ -412,7 +412,7 @@ <h1 class="post-title mb-3">CoreUI Vue Laravel Admin Template – more than simp
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -422,7 +422,7 @@ <h1 class="post-title mb-3">CoreUI Vue Laravel Admin Template – more than simp
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -448,8 +448,9 @@ <h1 class="post-title mb-3">CoreUI Vue Laravel Admin Template – more than simp
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -467,8 +468,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -487,8 +487,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -506,8 +507,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -526,8 +526,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -545,8 +546,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -565,8 +565,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -584,8 +585,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -604,8 +604,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -623,8 +624,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -643,8 +643,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -662,8 +663,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -728,9 +728,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html b/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
index e27a767d435..4f15366a4a4 100644
--- a/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
+++ b/blog/2020/08/20/earn-real-money-on-every-sale-you-refer-become-a-coreui-pro-affiliate-today/index.html
@@ -423,7 +423,7 @@ <h1 class="post-title mb-3">Earn Real Money on every sale you refer - become a C
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -433,7 +433,7 @@ <h1 class="post-title mb-3">Earn Real Money on every sale you refer - become a C
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -459,8 +459,9 @@ <h1 class="post-title mb-3">Earn Real Money on every sale you refer - become a C
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -478,8 +479,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -498,8 +498,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -517,8 +518,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -537,8 +537,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -556,8 +557,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -576,8 +576,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -595,8 +596,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -615,8 +615,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -634,8 +635,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -654,8 +654,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -673,8 +674,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -739,9 +739,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html b/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
index cabc4a9d31f..ad89d1ecd63 100644
--- a/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
+++ b/blog/2020/12/21/top-10-react-admin-templates-tools-of-the-year-2020/index.html
@@ -452,7 +452,7 @@ <h1 id="10-coreui-react-pro-admin-templatehttpscoreuiioproreact">10 <a href="htt
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -462,7 +462,7 @@ <h1 id="10-coreui-react-pro-admin-templatehttpscoreuiioproreact">10 <a href="htt
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -488,8 +488,9 @@ <h1 id="10-coreui-react-pro-admin-templatehttpscoreuiioproreact">10 <a href="htt
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -507,8 +508,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -527,8 +527,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -546,8 +547,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -566,8 +566,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -585,8 +586,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -605,8 +605,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -624,8 +625,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -644,8 +644,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -663,8 +664,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -683,8 +683,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -702,8 +703,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -768,9 +768,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html b/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
index 487832eb5e0..e897870696e 100644
--- a/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
+++ b/blog/2021/01/03/ui-components-for-bootstrap-part-1-by-mehwash-patel/index.html
@@ -468,7 +468,7 @@ <h1 class="post-title mb-3">UI Components For Bootstrap — Part 1 by Mehwash Pa
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -478,7 +478,7 @@ <h1 class="post-title mb-3">UI Components For Bootstrap — Part 1 by Mehwash Pa
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -504,8 +504,9 @@ <h1 class="post-title mb-3">UI Components For Bootstrap — Part 1 by Mehwash Pa
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -523,8 +524,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -543,8 +543,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -562,8 +563,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -582,8 +582,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -601,8 +602,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -621,8 +621,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -640,8 +641,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -660,8 +660,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -679,8 +680,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -699,8 +699,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -718,8 +719,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -784,9 +784,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2021/10/27/do-we-need-ui-components/index.html b/blog/2021/10/27/do-we-need-ui-components/index.html
index 076fbb2fcf2..fa3bd1dd4ee 100644
--- a/blog/2021/10/27/do-we-need-ui-components/index.html
+++ b/blog/2021/10/27/do-we-need-ui-components/index.html
@@ -431,7 +431,7 @@ <h3 id="in-the-end">In the end</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -441,7 +441,7 @@ <h3 id="in-the-end">In the end</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -467,8 +467,9 @@ <h3 id="in-the-end">In the end</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -486,8 +487,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -506,8 +506,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -525,8 +526,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -545,8 +545,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -564,8 +565,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -584,8 +584,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -603,8 +604,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -623,8 +623,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -642,8 +643,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -662,8 +662,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -681,8 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -747,9 +747,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2021/11/26/simple-black-friday/index.html b/blog/2021/11/26/simple-black-friday/index.html
index 01ca71959fa..9f52a93e423 100644
--- a/blog/2021/11/26/simple-black-friday/index.html
+++ b/blog/2021/11/26/simple-black-friday/index.html
@@ -408,7 +408,7 @@ <h1 class="post-title mb-3">Simple Black Friday</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -418,7 +418,7 @@ <h1 class="post-title mb-3">Simple Black Friday</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -444,8 +444,9 @@ <h1 class="post-title mb-3">Simple Black Friday</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -463,8 +464,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -483,8 +483,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -724,9 +724,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/2022/01/17/quo-vadis-vue.js/index.html b/blog/2022/01/17/quo-vadis-vue.js/index.html
index 311e96cdf1e..21f0638b960 100644
--- a/blog/2022/01/17/quo-vadis-vue.js/index.html
+++ b/blog/2022/01/17/quo-vadis-vue.js/index.html
@@ -423,7 +423,7 @@ <h1 class="post-title mb-3">Quo Vadis Vue.js</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -433,7 +433,7 @@ <h1 class="post-title mb-3">Quo Vadis Vue.js</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -459,8 +459,9 @@ <h1 class="post-title mb-3">Quo Vadis Vue.js</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -478,8 +479,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -498,8 +498,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -517,8 +518,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -537,8 +537,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -556,8 +557,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -576,8 +576,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -595,8 +596,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -615,8 +615,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -634,8 +635,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -654,8 +654,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -673,8 +674,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -739,9 +739,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/black-friday-aka-black-week-aka-bull-shit/index.html b/blog/black-friday-aka-black-week-aka-bull-shit/index.html
index 6935f8d4a84..b184c721adc 100644
--- a/blog/black-friday-aka-black-week-aka-bull-shit/index.html
+++ b/blog/black-friday-aka-black-week-aka-bull-shit/index.html
@@ -401,7 +401,7 @@ <h1 class="post-title mb-3">Black Friday aka Black Week aka Bull Shit?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -411,7 +411,7 @@ <h1 class="post-title mb-3">Black Friday aka Black Week aka Bull Shit?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -437,8 +437,9 @@ <h1 class="post-title mb-3">Black Friday aka Black Week aka Bull Shit?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -456,8 +457,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -476,8 +476,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -495,8 +496,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -515,8 +515,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -534,8 +535,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -554,8 +554,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -573,8 +574,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -593,8 +593,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -612,8 +613,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -632,8 +632,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -651,8 +652,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -717,9 +717,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/bootstrap-react-tutorial-with-examples/index.html b/blog/bootstrap-react-tutorial-with-examples/index.html
index 2180615ce05..e8f07885d18 100644
--- a/blog/bootstrap-react-tutorial-with-examples/index.html
+++ b/blog/bootstrap-react-tutorial-with-examples/index.html
@@ -857,7 +857,7 @@ <h2 id="resources">Resources:</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -867,7 +867,7 @@ <h2 id="resources">Resources:</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -893,8 +893,9 @@ <h2 id="resources">Resources:</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -912,8 +913,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -932,8 +932,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -951,8 +952,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -971,8 +971,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -990,8 +991,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1010,8 +1010,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1029,8 +1030,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1049,8 +1049,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1068,8 +1069,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1088,8 +1088,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1107,8 +1108,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1173,9 +1173,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/cant-wait-for-what-the-future-of-vue-holds/index.html b/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
index b96747a314e..f40d4cc185d 100644
--- a/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
+++ b/blog/cant-wait-for-what-the-future-of-vue-holds/index.html
@@ -447,7 +447,7 @@ <h3 id="no-design-skills-required">No design skills required</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -457,7 +457,7 @@ <h3 id="no-design-skills-required">No design skills required</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -483,8 +483,9 @@ <h3 id="no-design-skills-required">No design skills required</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -678,8 +678,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -697,8 +698,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -763,9 +763,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html b/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
index 3205312008a..ceaf7907e90 100644
--- a/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
+++ b/blog/coreui-vue-js-components-helped-to-win-a-eurostat-hackathon/index.html
@@ -460,7 +460,7 @@ <h2 id="european-big-data-hackathon-2021">European Big Data Hackathon 2021</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -470,7 +470,7 @@ <h2 id="european-big-data-hackathon-2021">European Big Data Hackathon 2021</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -496,8 +496,9 @@ <h2 id="european-big-data-hackathon-2021">European Big Data Hackathon 2021</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -515,8 +516,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -535,8 +535,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -554,8 +555,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -574,8 +574,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -593,8 +594,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -613,8 +613,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -632,8 +633,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -652,8 +652,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -671,8 +672,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -691,8 +691,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -710,8 +711,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -776,9 +776,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html b/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
index 2f2e22a9a2d..465f0b11de3 100644
--- a/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
+++ b/blog/coreui-vue-js-forge-cause-1-is-just-not-enough/index.html
@@ -408,7 +408,7 @@ <h1 class="post-title mb-3">CoreUI &amp; Vue.js Forge… cause 1 is just not eno
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -418,7 +418,7 @@ <h1 class="post-title mb-3">CoreUI &amp; Vue.js Forge… cause 1 is just not eno
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -444,8 +444,9 @@ <h1 class="post-title mb-3">CoreUI &amp; Vue.js Forge… cause 1 is just not eno
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -463,8 +464,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -483,8 +483,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -724,9 +724,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/css-selector-for-parent-element/index.html b/blog/css-selector-for-parent-element/index.html
index d4bc3d2253e..e4d478842a6 100644
--- a/blog/css-selector-for-parent-element/index.html
+++ b/blog/css-selector-for-parent-element/index.html
@@ -475,7 +475,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -485,7 +485,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -511,8 +511,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -530,8 +531,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -550,8 +550,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -569,8 +570,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -589,8 +589,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -608,8 +609,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -628,8 +628,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -647,8 +648,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -667,8 +667,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -686,8 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -706,8 +706,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -725,8 +726,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -791,9 +791,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/free-bootstrap-admin-dashboard-templates/index.html b/blog/free-bootstrap-admin-dashboard-templates/index.html
index 6ee08272cfe..2a832754248 100644
--- a/blog/free-bootstrap-admin-dashboard-templates/index.html
+++ b/blog/free-bootstrap-admin-dashboard-templates/index.html
@@ -495,7 +495,7 @@ <h2 id="stisla---free-bootstrap-admin-template">Stisla - Free Bootstrap Admin Te
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -505,7 +505,7 @@ <h2 id="stisla---free-bootstrap-admin-template">Stisla - Free Bootstrap Admin Te
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -531,8 +531,9 @@ <h2 id="stisla---free-bootstrap-admin-template">Stisla - Free Bootstrap Admin Te
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -550,8 +551,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -570,8 +570,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -589,8 +590,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -609,8 +609,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -628,8 +629,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -648,8 +648,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -667,8 +668,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -687,8 +687,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -706,8 +707,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -726,8 +726,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -745,8 +746,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -811,9 +811,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-capitalize-the-first-letter-in-javascript/index.html b/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
index 11eb72f88bd..5be898f6c37 100644
--- a/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
+++ b/blog/how-to-capitalize-the-first-letter-in-javascript/index.html
@@ -484,7 +484,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -494,7 +494,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -520,8 +520,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -539,8 +540,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -559,8 +559,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -578,8 +579,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -598,8 +598,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -617,8 +618,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -637,8 +637,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -656,8 +657,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -676,8 +676,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -695,8 +696,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -715,8 +715,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -734,8 +735,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -800,9 +800,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-center-a-button-in-css/index.html b/blog/how-to-center-a-button-in-css/index.html
index e13d0d4fa4a..04f412596e2 100644
--- a/blog/how-to-center-a-button-in-css/index.html
+++ b/blog/how-to-center-a-button-in-css/index.html
@@ -501,7 +501,7 @@ <h2 id="practice-makes-perfect">Practice Makes Perfect</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -511,7 +511,7 @@ <h2 id="practice-makes-perfect">Practice Makes Perfect</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -537,8 +537,9 @@ <h2 id="practice-makes-perfect">Practice Makes Perfect</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -556,8 +557,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -576,8 +576,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -595,8 +596,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -615,8 +615,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -634,8 +635,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -654,8 +654,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -673,8 +674,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -693,8 +693,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -712,8 +713,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -732,8 +732,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -751,8 +752,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -817,9 +817,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-change-opacity-on-hover-in-css/index.html b/blog/how-to-change-opacity-on-hover-in-css/index.html
index da2c32eac67..86991f73b10 100644
--- a/blog/how-to-change-opacity-on-hover-in-css/index.html
+++ b/blog/how-to-change-opacity-on-hover-in-css/index.html
@@ -516,7 +516,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -526,7 +526,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -552,8 +552,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -571,8 +572,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -591,8 +591,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -610,8 +611,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -630,8 +630,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -649,8 +650,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -669,8 +669,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -688,8 +689,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -708,8 +708,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -727,8 +728,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -747,8 +747,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -766,8 +767,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -832,9 +832,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html b/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
index 337655fcd6c..81857a104b0 100644
--- a/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
+++ b/blog/how-to-check-if-a-key-exists-in-javascript-object/index.html
@@ -485,7 +485,7 @@ <h2 id="summary">Summary</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -495,7 +495,7 @@ <h2 id="summary">Summary</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -521,8 +521,9 @@ <h2 id="summary">Summary</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -540,8 +541,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -560,8 +560,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -579,8 +580,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -599,8 +599,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -618,8 +619,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -638,8 +638,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -657,8 +658,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -677,8 +677,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -696,8 +697,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -716,8 +716,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -735,8 +736,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -801,9 +801,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html b/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
index ce8f99c9ad9..4945988c739 100644
--- a/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
+++ b/blog/how-to-check-if-an-array-is-empty-in-javascript/index.html
@@ -529,7 +529,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -539,7 +539,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -565,8 +565,9 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -584,8 +585,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -604,8 +604,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -623,8 +624,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -643,8 +643,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -662,8 +663,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -682,8 +682,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -701,8 +702,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -721,8 +721,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -740,8 +741,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -760,8 +760,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -779,8 +780,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -845,9 +845,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-check-if-string-is-number-in-javascript/index.html b/blog/how-to-check-if-string-is-number-in-javascript/index.html
index d25743117a7..2445148035e 100644
--- a/blog/how-to-check-if-string-is-number-in-javascript/index.html
+++ b/blog/how-to-check-if-string-is-number-in-javascript/index.html
@@ -466,7 +466,7 @@ <h2 id="wrapping-up-the-takeaway-on-numeric-string-validation-in-javascript">Wra
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -476,7 +476,7 @@ <h2 id="wrapping-up-the-takeaway-on-numeric-string-validation-in-javascript">Wra
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -502,8 +502,9 @@ <h2 id="wrapping-up-the-takeaway-on-numeric-string-validation-in-javascript">Wra
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -521,8 +522,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -541,8 +541,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -560,8 +561,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -580,8 +580,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -599,8 +600,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -619,8 +619,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -638,8 +639,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -658,8 +658,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -677,8 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -697,8 +697,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -716,8 +717,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -782,9 +782,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-compare-dates-with-javascript/index.html b/blog/how-to-compare-dates-with-javascript/index.html
index 729ed7c95ab..9ebde096eaa 100644
--- a/blog/how-to-compare-dates-with-javascript/index.html
+++ b/blog/how-to-compare-dates-with-javascript/index.html
@@ -466,7 +466,7 @@ <h2 id="wrapping-up-and-going-forward">Wrapping Up and Going Forward</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -476,7 +476,7 @@ <h2 id="wrapping-up-and-going-forward">Wrapping Up and Going Forward</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -502,8 +502,9 @@ <h2 id="wrapping-up-and-going-forward">Wrapping Up and Going Forward</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -521,8 +522,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -541,8 +541,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -560,8 +561,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -580,8 +580,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -599,8 +600,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -619,8 +619,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -638,8 +639,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -658,8 +658,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -677,8 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -697,8 +697,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -716,8 +717,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -782,9 +782,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-concatenate-a-strings-in-javascript/index.html b/blog/how-to-concatenate-a-strings-in-javascript/index.html
index 5b471fa73ed..dc191a6e86b 100644
--- a/blog/how-to-concatenate-a-strings-in-javascript/index.html
+++ b/blog/how-to-concatenate-a-strings-in-javascript/index.html
@@ -530,7 +530,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -540,7 +540,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -566,8 +566,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -585,8 +586,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -605,8 +605,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -624,8 +625,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -644,8 +644,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -663,8 +664,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -683,8 +683,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -702,8 +703,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -722,8 +722,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -741,8 +742,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -761,8 +761,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -780,8 +781,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -846,9 +846,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html b/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
index 389e8f372af..a4954ee2085 100644
--- a/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
+++ b/blog/how-to-convert-a-map-to-an-array-in-javascript/index.html
@@ -480,7 +480,7 @@ <h2 id="summary">Summary</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -490,7 +490,7 @@ <h2 id="summary">Summary</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -516,8 +516,9 @@ <h2 id="summary">Summary</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -535,8 +536,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -555,8 +555,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -574,8 +575,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -594,8 +594,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -613,8 +614,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -633,8 +633,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -652,8 +653,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -672,8 +672,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -691,8 +692,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -711,8 +711,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -730,8 +731,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -796,9 +796,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-create-a-single-page-application-using-reactjs/index.html b/blog/how-to-create-a-single-page-application-using-reactjs/index.html
index 192cf391881..95e9ac841d6 100644
--- a/blog/how-to-create-a-single-page-application-using-reactjs/index.html
+++ b/blog/how-to-create-a-single-page-application-using-reactjs/index.html
@@ -560,7 +560,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -570,7 +570,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -596,8 +596,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -615,8 +616,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -635,8 +635,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -654,8 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -674,8 +674,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -693,8 +694,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -713,8 +713,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -732,8 +733,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -752,8 +752,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -771,8 +772,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -791,8 +791,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -810,8 +811,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -876,9 +876,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html b/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
index 2527aa789d7..80fefb35b94 100644
--- a/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
+++ b/blog/how-to-declare-the-optional-functions-parameters-in-javascript/index.html
@@ -547,7 +547,7 @@ <h2 id="final-thoughts">Final Thoughts</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -557,7 +557,7 @@ <h2 id="final-thoughts">Final Thoughts</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -583,8 +583,9 @@ <h2 id="final-thoughts">Final Thoughts</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -602,8 +603,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -622,8 +622,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -641,8 +642,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -661,8 +661,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -680,8 +681,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -700,8 +700,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -719,8 +720,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -739,8 +739,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -758,8 +759,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -778,8 +778,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -797,8 +798,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -863,9 +863,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-detect-a-click-outside-of-a-react-component/index.html b/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
index 4e2831f5eae..76d822a9e71 100644
--- a/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
+++ b/blog/how-to-detect-a-click-outside-of-a-react-component/index.html
@@ -521,7 +521,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -531,7 +531,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -557,8 +557,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -576,8 +577,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -596,8 +596,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -615,8 +616,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -635,8 +635,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -654,8 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -674,8 +674,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -693,8 +694,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -713,8 +713,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -732,8 +733,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -752,8 +752,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -771,8 +772,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -837,9 +837,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-disable-a-button-in-javascript/index.html b/blog/how-to-disable-a-button-in-javascript/index.html
index 720f6c7dbf0..cbcce305868 100644
--- a/blog/how-to-disable-a-button-in-javascript/index.html
+++ b/blog/how-to-disable-a-button-in-javascript/index.html
@@ -464,7 +464,7 @@ <h2 id="parting-thoughts-the-philosophy-of-button-disabling">Parting Thoughts: T
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -474,7 +474,7 @@ <h2 id="parting-thoughts-the-philosophy-of-button-disabling">Parting Thoughts: T
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -500,8 +500,9 @@ <h2 id="parting-thoughts-the-philosophy-of-button-disabling">Parting Thoughts: T
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -519,8 +520,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -539,8 +539,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -558,8 +559,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -578,8 +578,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -597,8 +598,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -617,8 +617,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -636,8 +637,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -656,8 +656,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -675,8 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -695,8 +695,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -714,8 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -780,9 +780,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html b/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
index ec4e7a2ade4..d06d260bbce 100644
--- a/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
+++ b/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/index.html
@@ -587,7 +587,7 @@ <h2 id="best-practices-and-conclusion">Best Practices and Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -597,7 +597,7 @@ <h2 id="best-practices-and-conclusion">Best Practices and Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -623,8 +623,9 @@ <h2 id="best-practices-and-conclusion">Best Practices and Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -642,8 +643,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -662,8 +662,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -681,8 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -701,8 +701,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -720,8 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -740,8 +740,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -759,8 +760,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -779,8 +779,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -798,8 +799,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -818,8 +818,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -837,8 +838,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -903,9 +903,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html b/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
index 5497b8ddf16..99fb25754bf 100644
--- a/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
+++ b/blog/how-to-fix-objects-are-not-valid-as-a-react-child/index.html
@@ -513,7 +513,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -523,7 +523,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -549,8 +549,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -568,8 +569,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -588,8 +588,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -607,8 +608,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -627,8 +627,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -646,8 +647,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -666,8 +666,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -685,8 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -705,8 +705,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -724,8 +725,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -744,8 +744,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -763,8 +764,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -829,9 +829,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html b/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
index 23eedb4f4ef..983f7b8f8e4 100644
--- a/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
+++ b/blog/how-to-fix-react-must-be-in-scope-when-using-jsx/index.html
@@ -475,7 +475,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -485,7 +485,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -511,8 +511,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -530,8 +531,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -550,8 +550,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -569,8 +570,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -589,8 +589,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -608,8 +609,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -628,8 +628,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -647,8 +648,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -667,8 +667,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -686,8 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -706,8 +706,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -725,8 +726,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -791,9 +791,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html b/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
index 0bfc08b59a9..b326442f793 100644
--- a/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
+++ b/blog/how-to-fix-syntaxerror-cannot-use-import-statement-outside-a-module/index.html
@@ -492,7 +492,7 @@ <h3 id="lets-summarize-the-key-points-from-our-journey">Let’s summarize the ke
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -502,7 +502,7 @@ <h3 id="lets-summarize-the-key-points-from-our-journey">Let’s summarize the ke
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -528,8 +528,9 @@ <h3 id="lets-summarize-the-key-points-from-our-journey">Let’s summarize the ke
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -547,8 +548,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -567,8 +567,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -586,8 +587,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -606,8 +606,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -625,8 +626,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -645,8 +645,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -664,8 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -684,8 +684,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -703,8 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -723,8 +723,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -742,8 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -808,9 +808,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-generate-a-random-number-in-javascript/index.html b/blog/how-to-generate-a-random-number-in-javascript/index.html
index 2bf4e46816f..99e20d4492a 100644
--- a/blog/how-to-generate-a-random-number-in-javascript/index.html
+++ b/blog/how-to-generate-a-random-number-in-javascript/index.html
@@ -501,7 +501,7 @@ <h3 id="how-can-i-generate-a-random-number-within-a-specific-range-in-javascript
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -511,7 +511,7 @@ <h3 id="how-can-i-generate-a-random-number-within-a-specific-range-in-javascript
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -537,8 +537,9 @@ <h3 id="how-can-i-generate-a-random-number-within-a-specific-range-in-javascript
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -556,8 +557,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -576,8 +576,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -595,8 +596,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -615,8 +615,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -634,8 +635,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -654,8 +654,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -673,8 +674,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -693,8 +693,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -712,8 +713,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -732,8 +732,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -751,8 +752,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -817,9 +817,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-get-element-id-in-javascript/index.html b/blog/how-to-get-element-id-in-javascript/index.html
index f5df3f48339..7fd63713833 100644
--- a/blog/how-to-get-element-id-in-javascript/index.html
+++ b/blog/how-to-get-element-id-in-javascript/index.html
@@ -503,7 +503,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -513,7 +513,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -539,8 +539,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -558,8 +559,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -578,8 +578,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -597,8 +598,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -617,8 +617,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -636,8 +637,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -656,8 +656,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -675,8 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -695,8 +695,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -714,8 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -734,8 +734,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -753,8 +754,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -819,9 +819,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html b/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
index 3a5e756ff27..b3adaf4aec1 100644
--- a/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
+++ b/blog/how-to-get-the-last-element-in-an-array-in-javascript/index.html
@@ -521,7 +521,7 @@ <h3 id="how-to-get-the-last-element-of-an-array-in-javascript-without-using-leng
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -531,7 +531,7 @@ <h3 id="how-to-get-the-last-element-of-an-array-in-javascript-without-using-leng
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -557,8 +557,9 @@ <h3 id="how-to-get-the-last-element-of-an-array-in-javascript-without-using-leng
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -576,8 +577,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -596,8 +596,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -615,8 +616,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -635,8 +635,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -654,8 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -674,8 +674,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -693,8 +694,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -713,8 +713,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -732,8 +733,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -752,8 +752,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -771,8 +772,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -837,9 +837,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-get-unique-values-from-a-javascript-array/index.html b/blog/how-to-get-unique-values-from-a-javascript-array/index.html
index 3398c40a885..1eb36b2c713 100644
--- a/blog/how-to-get-unique-values-from-a-javascript-array/index.html
+++ b/blog/how-to-get-unique-values-from-a-javascript-array/index.html
@@ -474,7 +474,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -484,7 +484,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -510,8 +510,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -529,8 +530,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -549,8 +549,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -568,8 +569,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -588,8 +588,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -607,8 +608,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -627,8 +627,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -646,8 +647,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -666,8 +666,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -685,8 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -705,8 +705,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -724,8 +725,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -790,9 +790,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-hide-scrollbar-with-css/index.html b/blog/how-to-hide-scrollbar-with-css/index.html
index 2e81c63b4af..7f59526ac29 100644
--- a/blog/how-to-hide-scrollbar-with-css/index.html
+++ b/blog/how-to-hide-scrollbar-with-css/index.html
@@ -506,7 +506,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -516,7 +516,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -542,8 +542,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -561,8 +562,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -581,8 +581,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -600,8 +601,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -620,8 +620,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -639,8 +640,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -659,8 +659,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -678,8 +679,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -698,8 +698,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -717,8 +718,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -737,8 +737,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -756,8 +757,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -822,9 +822,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html b/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
index 48d3a3d638e..c835e972c34 100644
--- a/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
+++ b/blog/how-to-limit-items-in-a-map-loop-in-javascript/index.html
@@ -443,7 +443,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -453,7 +453,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -479,8 +479,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -498,8 +499,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -518,8 +518,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -537,8 +538,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -557,8 +557,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -576,8 +577,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -596,8 +596,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -615,8 +616,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -635,8 +635,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -654,8 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -674,8 +674,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -693,8 +694,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -759,9 +759,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-loop-through-a-2d-array-in-javascript/index.html b/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
index 35c92e7d946..3054e538052 100644
--- a/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
+++ b/blog/how-to-loop-through-a-2d-array-in-javascript/index.html
@@ -478,7 +478,7 @@ <h2 id="accessing-elements-at-specific-indices">Accessing Elements at Specific I
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -488,7 +488,7 @@ <h2 id="accessing-elements-at-specific-indices">Accessing Elements at Specific I
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -514,8 +514,9 @@ <h2 id="accessing-elements-at-specific-indices">Accessing Elements at Specific I
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -533,8 +534,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -553,8 +553,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -572,8 +573,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -592,8 +592,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -611,8 +612,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -631,8 +631,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -650,8 +651,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -670,8 +670,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -689,8 +690,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -709,8 +709,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -728,8 +729,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -794,9 +794,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-loop-through-an-array-in-javascript/index.html b/blog/how-to-loop-through-an-array-in-javascript/index.html
index e59904ed898..25658e4f2ac 100644
--- a/blog/how-to-loop-through-an-array-in-javascript/index.html
+++ b/blog/how-to-loop-through-an-array-in-javascript/index.html
@@ -493,7 +493,7 @@ <h3 id="using-while-loop">Using <code>while</code> Loop</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -503,7 +503,7 @@ <h3 id="using-while-loop">Using <code>while</code> Loop</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -529,8 +529,9 @@ <h3 id="using-while-loop">Using <code>while</code> Loop</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -548,8 +549,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -568,8 +568,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -587,8 +588,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -607,8 +607,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -626,8 +627,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -646,8 +646,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -665,8 +666,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -685,8 +685,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -704,8 +705,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -724,8 +724,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -743,8 +744,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -809,9 +809,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-merge-objects-in-javascript/index.html b/blog/how-to-merge-objects-in-javascript/index.html
index cd7763fa344..c5407efaaef 100644
--- a/blog/how-to-merge-objects-in-javascript/index.html
+++ b/blog/how-to-merge-objects-in-javascript/index.html
@@ -514,7 +514,7 @@ <h2 id="wrapping-up">Wrapping Up</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -524,7 +524,7 @@ <h2 id="wrapping-up">Wrapping Up</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -550,8 +550,9 @@ <h2 id="wrapping-up">Wrapping Up</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -569,8 +570,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -589,8 +589,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -608,8 +609,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -628,8 +628,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -647,8 +648,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -667,8 +667,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -686,8 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -706,8 +706,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -725,8 +726,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -745,8 +745,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -764,8 +765,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -830,9 +830,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-migrate-coreui-react-template-to-vite/index.html b/blog/how-to-migrate-coreui-react-template-to-vite/index.html
index 52d5171b389..0272d14c210 100644
--- a/blog/how-to-migrate-coreui-react-template-to-vite/index.html
+++ b/blog/how-to-migrate-coreui-react-template-to-vite/index.html
@@ -567,7 +567,7 @@ <h2 id="step-3-install-vite-and-update-dependencies">Step 3: Install Vite and Up
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -577,7 +577,7 @@ <h2 id="step-3-install-vite-and-update-dependencies">Step 3: Install Vite and Up
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -603,8 +603,9 @@ <h2 id="step-3-install-vite-and-update-dependencies">Step 3: Install Vite and Up
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -622,8 +623,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -642,8 +642,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -661,8 +662,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -681,8 +681,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -700,8 +701,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -720,8 +720,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -739,8 +740,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -759,8 +759,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -778,8 +779,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -798,8 +798,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -817,8 +818,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -883,9 +883,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-migrate-create-react-app-to-vite/index.html b/blog/how-to-migrate-create-react-app-to-vite/index.html
index e66dd92a39f..0457dc1b390 100644
--- a/blog/how-to-migrate-create-react-app-to-vite/index.html
+++ b/blog/how-to-migrate-create-react-app-to-vite/index.html
@@ -470,7 +470,7 @@ <h3 id="why-stop-here-keep-your-development-knowledge-sharp">Why Stop Here? Keep
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -480,7 +480,7 @@ <h3 id="why-stop-here-keep-your-development-knowledge-sharp">Why Stop Here? Keep
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -506,8 +506,9 @@ <h3 id="why-stop-here-keep-your-development-knowledge-sharp">Why Stop Here? Keep
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -525,8 +526,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -545,8 +545,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -564,8 +565,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -584,8 +584,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -603,8 +604,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -623,8 +623,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -642,8 +643,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -662,8 +662,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -681,8 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -701,8 +701,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -720,8 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -786,9 +786,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html b/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
index 0ad8908189a..9830d6d7351 100644
--- a/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
+++ b/blog/how-to-open-all-links-in-new-tab-using-javascript/index.html
@@ -472,7 +472,7 @@ <h2 id="using-javascript-for-open-external-links-only">Using JavaScript for Open
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -482,7 +482,7 @@ <h2 id="using-javascript-for-open-external-links-only">Using JavaScript for Open
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -508,8 +508,9 @@ <h2 id="using-javascript-for-open-external-links-only">Using JavaScript for Open
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -527,8 +528,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -547,8 +547,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -566,8 +567,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -586,8 +586,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -605,8 +606,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -625,8 +625,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -644,8 +645,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -664,8 +664,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -683,8 +684,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -703,8 +703,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -722,8 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -788,9 +788,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-remove-element-from-javascript-array/index.html b/blog/how-to-remove-element-from-javascript-array/index.html
index 8478532d5da..df03e80c09b 100644
--- a/blog/how-to-remove-element-from-javascript-array/index.html
+++ b/blog/how-to-remove-element-from-javascript-array/index.html
@@ -467,7 +467,7 @@ <h2 id="concluding-with-the-perfect-element-removal">Concluding with the Perfect
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -477,7 +477,7 @@ <h2 id="concluding-with-the-perfect-element-removal">Concluding with the Perfect
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -503,8 +503,9 @@ <h2 id="concluding-with-the-perfect-element-removal">Concluding with the Perfect
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -522,8 +523,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -542,8 +542,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -561,8 +562,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -581,8 +581,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -600,8 +601,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -620,8 +620,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -639,8 +640,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -659,8 +659,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -678,8 +679,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -698,8 +698,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -717,8 +718,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -783,9 +783,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html b/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
index 055b290d169..720348bc3db 100644
--- a/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
+++ b/blog/how-to-remove-the-last-character-from-a-string-in-javascript/index.html
@@ -464,7 +464,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -474,7 +474,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -500,8 +500,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -519,8 +520,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -539,8 +539,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -558,8 +559,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -578,8 +578,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -597,8 +598,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -617,8 +617,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -636,8 +637,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -656,8 +656,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -675,8 +676,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -695,8 +695,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -714,8 +715,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -780,9 +780,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-remove-underline-from-link-in-css/index.html b/blog/how-to-remove-underline-from-link-in-css/index.html
index f7e8ce0210c..20ee8e77bf2 100644
--- a/blog/how-to-remove-underline-from-link-in-css/index.html
+++ b/blog/how-to-remove-underline-from-link-in-css/index.html
@@ -487,7 +487,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -497,7 +497,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -523,8 +523,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -542,8 +543,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -562,8 +562,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -581,8 +582,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -601,8 +601,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -620,8 +621,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -640,8 +640,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -659,8 +660,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -679,8 +679,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -698,8 +699,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -718,8 +718,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -737,8 +738,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -803,9 +803,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-return-multiple-values-from-a-javascript-function/index.html b/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
index 37658ef6875..b927becaa68 100644
--- a/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
+++ b/blog/how-to-return-multiple-values-from-a-javascript-function/index.html
@@ -470,7 +470,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -480,7 +480,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -506,8 +506,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -525,8 +526,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -545,8 +545,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -564,8 +565,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -584,8 +584,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -603,8 +604,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -623,8 +623,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -642,8 +643,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -662,8 +662,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -681,8 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -701,8 +701,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -720,8 +721,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -786,9 +786,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html b/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
index 11e7f4600ad..2cfe3b1ce75 100644
--- a/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
+++ b/blog/how-to-round-a-number-to-two-decimal-places-in-javascript/index.html
@@ -486,7 +486,7 @@ <h2 id="key-takeaways--next-steps">Key Takeaways &amp; Next Steps</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -496,7 +496,7 @@ <h2 id="key-takeaways--next-steps">Key Takeaways &amp; Next Steps</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -522,8 +522,9 @@ <h2 id="key-takeaways--next-steps">Key Takeaways &amp; Next Steps</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -678,8 +678,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -697,8 +698,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -717,8 +717,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -736,8 +737,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -802,9 +802,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-sleep-in-javascript/index.html b/blog/how-to-sleep-in-javascript/index.html
index 94d1e714d3f..87f724c63d8 100644
--- a/blog/how-to-sleep-in-javascript/index.html
+++ b/blog/how-to-sleep-in-javascript/index.html
@@ -489,7 +489,7 @@ <h3 id="7-are-there-alternatives-to-using-sleep-for-delaying-actions-in-javascri
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -499,7 +499,7 @@ <h3 id="7-are-there-alternatives-to-using-sleep-for-delaying-actions-in-javascri
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -525,8 +525,9 @@ <h3 id="7-are-there-alternatives-to-using-sleep-for-delaying-actions-in-javascri
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -544,8 +545,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -564,8 +564,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -583,8 +584,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -603,8 +603,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -622,8 +623,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -642,8 +642,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -661,8 +662,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -681,8 +681,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -700,8 +701,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -720,8 +720,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -739,8 +740,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -805,9 +805,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-use-inline-styles-in-react/index.html b/blog/how-to-use-inline-styles-in-react/index.html
index b6a46474cb5..0c50864ff26 100644
--- a/blog/how-to-use-inline-styles-in-react/index.html
+++ b/blog/how-to-use-inline-styles-in-react/index.html
@@ -511,7 +511,7 @@ <h2 id="essential-takeaway">Essential Takeaway</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -521,7 +521,7 @@ <h2 id="essential-takeaway">Essential Takeaway</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -547,8 +547,9 @@ <h2 id="essential-takeaway">Essential Takeaway</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -566,8 +567,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -586,8 +586,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -605,8 +606,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -625,8 +625,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -644,8 +645,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -664,8 +664,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -683,8 +684,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -703,8 +703,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -722,8 +723,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -742,8 +742,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -761,8 +762,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -827,9 +827,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/how-to-use-javascript-settimeout/index.html b/blog/how-to-use-javascript-settimeout/index.html
index 5144cd8d2a8..736f60641a5 100644
--- a/blog/how-to-use-javascript-settimeout/index.html
+++ b/blog/how-to-use-javascript-settimeout/index.html
@@ -504,7 +504,7 @@ <h3 id="how-to-pass-parameters-to-the-specified-function-called-by-settimeout">H
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -514,7 +514,7 @@ <h3 id="how-to-pass-parameters-to-the-specified-function-called-by-settimeout">H
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -540,8 +540,9 @@ <h3 id="how-to-pass-parameters-to-the-specified-function-called-by-settimeout">H
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -559,8 +560,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -579,8 +579,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -598,8 +599,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -618,8 +618,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -637,8 +638,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -657,8 +657,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -676,8 +677,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -696,8 +696,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -715,8 +716,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -735,8 +735,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -754,8 +755,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -820,9 +820,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/index.html b/blog/index.html
index 5d58ee078de..17c203888fd 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -880,7 +880,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -890,7 +890,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -916,8 +916,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.2
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -935,8 +936,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -955,8 +955,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -974,8 +975,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -994,8 +994,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1013,8 +1014,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1033,8 +1033,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1052,8 +1053,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1072,8 +1072,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1091,8 +1092,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1111,8 +1111,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1130,8 +1131,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1196,9 +1196,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/javascript-list-comprehension/index.html b/blog/javascript-list-comprehension/index.html
index e51160b57cf..140bc978637 100644
--- a/blog/javascript-list-comprehension/index.html
+++ b/blog/javascript-list-comprehension/index.html
@@ -514,7 +514,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -524,7 +524,7 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -550,8 +550,9 @@ <h2 id="conclusion-and-takeaways">Conclusion and Takeaways</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -569,8 +570,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -589,8 +589,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -608,8 +609,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -628,8 +628,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -647,8 +648,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -667,8 +667,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -686,8 +687,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -706,8 +706,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -725,8 +726,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -745,8 +745,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -764,8 +765,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -830,9 +830,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/10/index.html b/blog/page/10/index.html
index c11413a7245..98d4ecbcbbb 100644
--- a/blog/page/10/index.html
+++ b/blog/page/10/index.html
@@ -881,7 +881,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-stri
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -891,7 +891,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-stri
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -917,8 +917,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-stri
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -936,8 +937,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -956,8 +956,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -975,8 +976,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -995,8 +995,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1014,8 +1015,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1034,8 +1034,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1053,8 +1054,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1073,8 +1073,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1092,8 +1093,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1112,8 +1112,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1131,8 +1132,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1197,9 +1197,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/11/index.html b/blog/page/11/index.html
index 28dc5794df6..69d65263890 100644
--- a/blog/page/11/index.html
+++ b/blog/page/11/index.html
@@ -879,7 +879,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -889,7 +889,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -915,8 +915,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -934,8 +935,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -954,8 +954,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -973,8 +974,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -993,8 +993,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1012,8 +1013,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1032,8 +1032,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1051,8 +1052,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1071,8 +1071,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1090,8 +1091,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1110,8 +1110,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1129,8 +1130,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1195,9 +1195,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/12/index.html b/blog/page/12/index.html
index e41c27e3c7e..a94295b5200 100644
--- a/blog/page/12/index.html
+++ b/blog/page/12/index.html
@@ -888,7 +888,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-js-forge-3/">Vue
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -898,7 +898,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-js-forge-3/">Vue
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -924,8 +924,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/vue-js-forge-3/">Vue
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -943,8 +944,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -963,8 +963,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -982,8 +983,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1002,8 +1002,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1021,8 +1022,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1041,8 +1041,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1060,8 +1061,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1080,8 +1080,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1099,8 +1100,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1119,8 +1119,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1138,8 +1139,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1204,9 +1204,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/13/index.html b/blog/page/13/index.html
index 034f76e2f98..9a530d65330 100644
--- a/blog/page/13/index.html
+++ b/blog/page/13/index.html
@@ -861,7 +861,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2022/01/17/quo-vadis
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -871,7 +871,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2022/01/17/quo-vadis
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -897,8 +897,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2022/01/17/quo-vadis
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -916,8 +917,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -936,8 +936,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -955,8 +956,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -975,8 +975,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -994,8 +995,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1014,8 +1014,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1033,8 +1034,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1053,8 +1053,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1072,8 +1073,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1092,8 +1092,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1111,8 +1112,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1177,9 +1177,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/14/index.html b/blog/page/14/index.html
index 0ead02c174a..df4272ad938 100644
--- a/blog/page/14/index.html
+++ b/blog/page/14/index.html
@@ -858,7 +858,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/07/20/coreui-vu
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -868,7 +868,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/07/20/coreui-vu
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -894,8 +894,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2020/07/20/coreui-vu
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -913,8 +914,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -933,8 +933,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -952,8 +953,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -972,8 +972,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -991,8 +992,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1011,8 +1011,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1030,8 +1031,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1050,8 +1050,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1069,8 +1070,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1089,8 +1089,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1108,8 +1109,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1174,9 +1174,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/15/index.html b/blog/page/15/index.html
index a4b039f230f..84341203487 100644
--- a/blog/page/15/index.html
+++ b/blog/page/15/index.html
@@ -847,7 +847,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/07/01/whats-new
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -857,7 +857,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/07/01/whats-new
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -883,8 +883,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2019/07/01/whats-new
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -902,8 +903,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -922,8 +922,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -941,8 +942,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -961,8 +961,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -980,8 +981,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1000,8 +1000,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1019,8 +1020,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1039,8 +1039,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1058,8 +1059,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1078,8 +1078,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1097,8 +1098,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1163,9 +1163,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/16/index.html b/blog/page/16/index.html
index ba73a17b440..0b85b39810a 100644
--- a/blog/page/16/index.html
+++ b/blog/page/16/index.html
@@ -731,7 +731,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -741,7 +741,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -767,8 +767,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/2013/08/24/genius-bo
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -786,8 +787,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -806,8 +806,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -825,8 +826,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -845,8 +845,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -864,8 +865,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -884,8 +884,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -903,8 +904,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -923,8 +923,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -942,8 +943,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -962,8 +962,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -981,8 +982,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1047,9 +1047,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/2/index.html b/blog/page/2/index.html
index bdbdcb7ecf9..614aeeb1de3 100644
--- a/blog/page/2/index.html
+++ b/blog/page/2/index.html
@@ -883,7 +883,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-va
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -893,7 +893,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-va
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -919,8 +919,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-get-unique-va
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -938,8 +939,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -958,8 +958,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -977,8 +978,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -997,8 +997,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1016,8 +1017,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1036,8 +1036,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1055,8 +1056,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1075,8 +1075,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1094,8 +1095,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1114,8 +1114,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1133,8 +1134,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1199,9 +1199,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/3/index.html b/blog/page/3/index.html
index 6bc3ba3eed4..34a8a561c51 100644
--- a/blog/page/3/index.html
+++ b/blog/page/3/index.html
@@ -882,7 +882,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underl
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -892,7 +892,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underl
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -918,8 +918,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-underl
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -937,8 +938,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -957,8 +957,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -976,8 +977,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -996,8 +996,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1015,8 +1016,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1035,8 +1035,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1054,8 +1055,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1074,8 +1074,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1093,8 +1094,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1113,8 +1113,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1132,8 +1133,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1198,9 +1198,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/4/index.html b/blog/page/4/index.html
index 2303b2d51b5..9003d58f375 100644
--- a/blog/page/4/index.html
+++ b/blog/page/4/index.html
@@ -888,7 +888,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -898,7 +898,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -924,8 +924,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -943,8 +944,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -963,8 +963,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -982,8 +983,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1002,8 +1002,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1021,8 +1022,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1041,8 +1041,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1060,8 +1061,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1080,8 +1080,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1099,8 +1100,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1119,8 +1119,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1138,8 +1139,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1204,9 +1204,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/5/index.html b/blog/page/5/index.html
index 3b8191b0eb2..074f3f937fe 100644
--- a/blog/page/5/index.html
+++ b/blog/page/5/index.html
@@ -880,7 +880,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -890,7 +890,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -916,8 +916,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -935,8 +936,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -955,8 +955,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -974,8 +975,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -994,8 +994,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1013,8 +1014,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1033,8 +1033,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1052,8 +1053,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1072,8 +1072,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1091,8 +1092,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1111,8 +1111,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1130,8 +1131,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1196,9 +1196,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/6/index.html b/blog/page/6/index.html
index 51004850828..3c4511062ad 100644
--- a/blog/page/6/index.html
+++ b/blog/page/6/index.html
@@ -885,7 +885,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -895,7 +895,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -921,8 +921,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -940,8 +941,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -960,8 +960,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -979,8 +980,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -999,8 +999,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1018,8 +1019,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1038,8 +1038,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1057,8 +1058,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1077,8 +1077,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1096,8 +1097,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1116,8 +1116,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1135,8 +1136,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1201,9 +1201,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/7/index.html b/blog/page/7/index.html
index 2f4dd1bdf8f..5f35baaeb15 100644
--- a/blog/page/7/index.html
+++ b/blog/page/7/index.html
@@ -897,7 +897,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -907,7 +907,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -933,8 +933,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -952,8 +953,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -972,8 +972,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -991,8 +992,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1011,8 +1011,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1030,8 +1031,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1050,8 +1050,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1069,8 +1070,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1089,8 +1089,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1108,8 +1109,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1128,8 +1128,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1147,8 +1148,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1213,9 +1213,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/8/index.html b/blog/page/8/index.html
index e86601bd841..d4d77b2cdaf 100644
--- a/blog/page/8/index.html
+++ b/blog/page/8/index.html
@@ -896,7 +896,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -906,7 +906,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -932,8 +932,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -951,8 +952,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -971,8 +971,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -990,8 +991,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1010,8 +1010,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1029,8 +1030,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1049,8 +1049,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1068,8 +1069,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1088,8 +1088,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1107,8 +1108,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1127,8 +1127,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1146,8 +1147,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1212,9 +1212,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/page/9/index.html b/blog/page/9/index.html
index 8210a00b13b..95cca87f085 100644
--- a/blog/page/9/index.html
+++ b/blog/page/9/index.html
@@ -887,7 +887,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -897,7 +897,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -923,8 +923,9 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/vue/v5.0
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -942,8 +943,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -962,8 +962,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -981,8 +982,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1001,8 +1001,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1020,8 +1021,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1040,8 +1040,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1059,8 +1060,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1079,8 +1079,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1098,8 +1099,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1118,8 +1118,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1137,8 +1138,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1203,9 +1203,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/react-18-finally-is-of-legal-age/index.html b/blog/react-18-finally-is-of-legal-age/index.html
index 33745cddcac..66f09f1b85a 100644
--- a/blog/react-18-finally-is-of-legal-age/index.html
+++ b/blog/react-18-finally-is-of-legal-age/index.html
@@ -433,7 +433,7 @@ <h3 id="conclusion">Conclusion</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -443,7 +443,7 @@ <h3 id="conclusion">Conclusion</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -469,8 +469,9 @@ <h3 id="conclusion">Conclusion</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -488,8 +489,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -508,8 +508,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -527,8 +528,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -547,8 +547,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -566,8 +567,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -586,8 +586,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -605,8 +606,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -625,8 +625,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -644,8 +645,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -664,8 +664,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -683,8 +684,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -749,9 +749,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/react-ui-component-libraries/index.html b/blog/react-ui-component-libraries/index.html
index 843b4452a03..0bc55d477e4 100644
--- a/blog/react-ui-component-libraries/index.html
+++ b/blog/react-ui-component-libraries/index.html
@@ -938,7 +938,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -948,7 +948,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -974,8 +974,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -993,8 +994,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -1013,8 +1013,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1032,8 +1033,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -1052,8 +1052,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1071,8 +1072,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -1091,8 +1091,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1110,8 +1111,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -1130,8 +1130,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1149,8 +1150,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -1169,8 +1169,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -1188,8 +1189,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -1254,9 +1254,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/react-weve-got-no-problem-top5-react-issues/index.html b/blog/react-weve-got-no-problem-top5-react-issues/index.html
index 2e96110885f..acaf3b9a539 100644
--- a/blog/react-weve-got-no-problem-top5-react-issues/index.html
+++ b/blog/react-weve-got-no-problem-top5-react-issues/index.html
@@ -431,7 +431,7 @@ <h2 id="last-few-words">Last few words</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -441,7 +441,7 @@ <h2 id="last-few-words">Last few words</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -467,8 +467,9 @@ <h2 id="last-few-words">Last few words</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -486,8 +487,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -506,8 +506,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -525,8 +526,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -545,8 +545,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -564,8 +565,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -584,8 +584,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -603,8 +604,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -623,8 +623,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -642,8 +643,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -662,8 +662,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -681,8 +682,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -747,9 +747,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html b/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
index 28df05aade2..0441c375eac 100644
--- a/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
+++ b/blog/ui-component-libraries-use-or-not-to-use-them-with-epic-fails-and-more/index.html
@@ -630,7 +630,7 @@ <h2 id="using-coreui-with-vue">Using CoreUI with Vue</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -640,7 +640,7 @@ <h2 id="using-coreui-with-vue">Using CoreUI with Vue</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -666,8 +666,9 @@ <h2 id="using-coreui-with-vue">Using CoreUI with Vue</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -685,8 +686,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -705,8 +705,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -724,8 +725,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -744,8 +744,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -763,8 +764,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -783,8 +783,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -802,8 +803,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -822,8 +822,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -841,8 +842,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -861,8 +861,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -880,8 +881,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -946,9 +946,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/vue-js-forge-3/index.html b/blog/vue-js-forge-3/index.html
index c42be02d835..bdf45e50364 100644
--- a/blog/vue-js-forge-3/index.html
+++ b/blog/vue-js-forge-3/index.html
@@ -405,7 +405,7 @@ <h1 class="post-title mb-3">Vue.js Forge 3</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -415,7 +415,7 @@ <h1 class="post-title mb-3">Vue.js Forge 3</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -441,8 +441,9 @@ <h1 class="post-title mb-3">Vue.js Forge 3</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -460,8 +461,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -480,8 +480,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -499,8 +500,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -519,8 +519,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -538,8 +539,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -558,8 +558,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -577,8 +578,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -597,8 +597,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -616,8 +617,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -636,8 +636,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -655,8 +656,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -721,9 +721,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/vue-ui-component-libraries/index.html b/blog/vue-ui-component-libraries/index.html
index 9367c735505..c7873107f7b 100644
--- a/blog/vue-ui-component-libraries/index.html
+++ b/blog/vue-ui-component-libraries/index.html
@@ -447,7 +447,7 @@ <h2 id="summary">Summary</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -457,7 +457,7 @@ <h2 id="summary">Summary</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -483,8 +483,9 @@ <h2 id="summary">Summary</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -502,8 +503,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -522,8 +522,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -541,8 +542,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -561,8 +561,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -580,8 +581,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -600,8 +600,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -619,8 +620,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -639,8 +639,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -658,8 +659,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -678,8 +678,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -697,8 +698,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -763,9 +763,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/vuejs-forge/index.html b/blog/vuejs-forge/index.html
index e9b623d0917..410dc302ab3 100644
--- a/blog/vuejs-forge/index.html
+++ b/blog/vuejs-forge/index.html
@@ -404,7 +404,7 @@ <h1 class="post-title mb-3">Vue.js Forge</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -414,7 +414,7 @@ <h1 class="post-title mb-3">Vue.js Forge</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -440,8 +440,9 @@ <h1 class="post-title mb-3">Vue.js Forge</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -459,8 +460,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -479,8 +479,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -498,8 +499,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -518,8 +518,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -537,8 +538,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -557,8 +557,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -576,8 +577,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -596,8 +596,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -615,8 +616,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -635,8 +635,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -654,8 +655,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -720,9 +720,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/what-does-javascript-void-0-mean/index.html b/blog/what-does-javascript-void-0-mean/index.html
index ff948af9e56..7dd4221e67f 100644
--- a/blog/what-does-javascript-void-0-mean/index.html
+++ b/blog/what-does-javascript-void-0-mean/index.html
@@ -466,7 +466,7 @@ <h2 id="conclusion">Conclusion</h2>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -476,7 +476,7 @@ <h2 id="conclusion">Conclusion</h2>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -502,8 +502,9 @@ <h2 id="conclusion">Conclusion</h2>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -521,8 +522,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -541,8 +541,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -560,8 +561,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -580,8 +580,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -599,8 +600,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -619,8 +619,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -638,8 +639,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -658,8 +658,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -677,8 +678,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -697,8 +697,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -716,8 +717,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -782,9 +782,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/what-is-double-question-mark-in-javascript/index.html b/blog/what-is-double-question-mark-in-javascript/index.html
index 0ef1ba142d9..83e064053bb 100644
--- a/blog/what-is-double-question-mark-in-javascript/index.html
+++ b/blog/what-is-double-question-mark-in-javascript/index.html
@@ -481,7 +481,7 @@ <h3 id="is-the--operator-widely-supported-in-javascript-environments">Is the ??
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -491,7 +491,7 @@ <h3 id="is-the--operator-widely-supported-in-javascript-environments">Is the ??
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -517,8 +517,9 @@ <h3 id="is-the--operator-widely-supported-in-javascript-environments">Is the ??
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -536,8 +537,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -556,8 +556,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -575,8 +576,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -595,8 +595,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -614,8 +615,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -634,8 +634,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -653,8 +654,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -673,8 +673,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -692,8 +693,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -712,8 +712,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -731,8 +732,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -797,9 +797,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/what-is-javascript-array-pop-method/index.html b/blog/what-is-javascript-array-pop-method/index.html
index 9eba6725236..bfa16bb954d 100644
--- a/blog/what-is-javascript-array-pop-method/index.html
+++ b/blog/what-is-javascript-array-pop-method/index.html
@@ -492,7 +492,7 @@ <h3 id="what-is-the-opposite-of-javascript-pop">What is the opposite of JavaScri
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -502,7 +502,7 @@ <h3 id="what-is-the-opposite-of-javascript-pop">What is the opposite of JavaScri
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -528,8 +528,9 @@ <h3 id="what-is-the-opposite-of-javascript-pop">What is the opposite of JavaScri
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -547,8 +548,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -567,8 +567,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -586,8 +587,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -606,8 +606,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -625,8 +626,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -645,8 +645,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -664,8 +665,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -684,8 +684,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -703,8 +704,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -723,8 +723,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -742,8 +743,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -808,9 +808,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/what-is-javascript-printf-equivalent/index.html b/blog/what-is-javascript-printf-equivalent/index.html
index 822b66c35e9..28d58e0401b 100644
--- a/blog/what-is-javascript-printf-equivalent/index.html
+++ b/blog/what-is-javascript-printf-equivalent/index.html
@@ -459,7 +459,7 @@ <h3 id="simple-string-interpolation">Simple String Interpolation</h3>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -469,7 +469,7 @@ <h3 id="simple-string-interpolation">Simple String Interpolation</h3>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -495,8 +495,9 @@ <h3 id="simple-string-interpolation">Simple String Interpolation</h3>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -514,8 +515,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -534,8 +534,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -553,8 +554,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -573,8 +573,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -592,8 +593,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -612,8 +612,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -631,8 +632,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -651,8 +651,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -670,8 +671,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -690,8 +690,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -709,8 +710,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -775,9 +775,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html b/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
index eaed35a09b3..6231797150a 100644
--- a/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
+++ b/blog/what-is-the-difference-between-null-and-undefined-in-javascript/index.html
@@ -496,7 +496,7 @@ <h2 id="handling-null-and-undefined-in-functions">Handling <code>null</code> and
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -506,7 +506,7 @@ <h2 id="handling-null-and-undefined-in-functions">Handling <code>null</code> and
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -532,8 +532,9 @@ <h2 id="handling-null-and-undefined-in-functions">Handling <code>null</code> and
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -551,8 +552,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -571,8 +571,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -590,8 +591,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -610,8 +610,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -629,8 +630,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -649,8 +649,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -668,8 +669,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -688,8 +688,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -707,8 +708,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -727,8 +727,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -746,8 +747,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -812,9 +812,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/blog/whos-next/index.html b/blog/whos-next/index.html
index 3ed3a885e69..552ea01049a 100644
--- a/blog/whos-next/index.html
+++ b/blog/whos-next/index.html
@@ -407,7 +407,7 @@ <h1 class="post-title mb-3">Who’s NEXT?</h1>
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -417,7 +417,7 @@ <h1 class="post-title mb-3">Who’s NEXT?</h1>
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -443,8 +443,9 @@ <h1 class="post-title mb-3">Who’s NEXT?</h1>
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -462,8 +463,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -482,8 +482,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -501,8 +502,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -521,8 +521,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -540,8 +541,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -560,8 +560,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -579,8 +580,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -599,8 +599,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -618,8 +619,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -638,8 +638,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -657,8 +658,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -723,9 +723,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/tags/admin/index.html b/tags/admin/index.html
index 442e306982d..03f058cb9ab 100644
--- a/tags/admin/index.html
+++ b/tags/admin/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/admin/page/2/index.html b/tags/admin/page/2/index.html
index 254d5be2e8a..9cb3fe89887 100644
--- a/tags/admin/page/2/index.html
+++ b/tags/admin/page/2/index.html
@@ -915,7 +915,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -982,7 +981,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/admin/page/3/index.html b/tags/admin/page/3/index.html
index f9ecc217574..dbfc4341954 100644
--- a/tags/admin/page/3/index.html
+++ b/tags/admin/page/3/index.html
@@ -757,7 +757,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -824,7 +823,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/angular/index.html b/tags/angular/index.html
index c59640ffc3f..ee5940a44d2 100644
--- a/tags/angular/index.html
+++ b/tags/angular/index.html
@@ -900,7 +900,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -967,7 +966,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/angular/
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/angular/page/2/index.html b/tags/angular/page/2/index.html
index aefda9cc9da..4216be96d3c 100644
--- a/tags/angular/page/2/index.html
+++ b/tags/angular/page/2/index.html
@@ -443,7 +443,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -510,7 +509,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/bootstrap/index.html b/tags/bootstrap/index.html
index 008716188d1..84983d642b5 100644
--- a/tags/bootstrap/index.html
+++ b/tags/bootstrap/index.html
@@ -893,7 +893,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -960,7 +959,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/bootstrap/page/2/index.html b/tags/bootstrap/page/2/index.html
index 3f50ce60fb1..cc1671c8771 100644
--- a/tags/bootstrap/page/2/index.html
+++ b/tags/bootstrap/page/2/index.html
@@ -901,7 +901,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -968,7 +967,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/bootstrap/page/3/index.html b/tags/bootstrap/page/3/index.html
index 53424fde4fc..8bd7e2db2a1 100644
--- a/tags/bootstrap/page/3/index.html
+++ b/tags/bootstrap/page/3/index.html
@@ -747,7 +747,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -814,7 +813,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/index.html b/tags/changelog/index.html
index bf5d6770644..27b469b9fdc 100644
--- a/tags/changelog/index.html
+++ b/tags/changelog/index.html
@@ -899,7 +899,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -966,7 +965,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/2/index.html b/tags/changelog/page/2/index.html
index 2e617d53631..10b46b28053 100644
--- a/tags/changelog/page/2/index.html
+++ b/tags/changelog/page/2/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/3/index.html b/tags/changelog/page/3/index.html
index 95c83497721..48a3629c1a3 100644
--- a/tags/changelog/page/3/index.html
+++ b/tags/changelog/page/3/index.html
@@ -899,7 +899,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -966,7 +965,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/4/index.html b/tags/changelog/page/4/index.html
index 1c9a7e4e883..0b035b46818 100644
--- a/tags/changelog/page/4/index.html
+++ b/tags/changelog/page/4/index.html
@@ -911,7 +911,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -978,7 +977,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/5/index.html b/tags/changelog/page/5/index.html
index d814e4bd175..80b0525d9b9 100644
--- a/tags/changelog/page/5/index.html
+++ b/tags/changelog/page/5/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/6/index.html b/tags/changelog/page/6/index.html
index 0f146a89a14..8fa7cc35e1a 100644
--- a/tags/changelog/page/6/index.html
+++ b/tags/changelog/page/6/index.html
@@ -909,7 +909,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -976,7 +975,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/7/index.html b/tags/changelog/page/7/index.html
index 34c83f74040..695ad2a2419 100644
--- a/tags/changelog/page/7/index.html
+++ b/tags/changelog/page/7/index.html
@@ -901,7 +901,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -968,7 +967,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/changelog/page/8/index.html b/tags/changelog/page/8/index.html
index 062238aa190..22e1950a6ab 100644
--- a/tags/changelog/page/8/index.html
+++ b/tags/changelog/page/8/index.html
@@ -653,7 +653,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -720,7 +719,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/components/index.html b/tags/components/index.html
index 420c302b78c..001174c45c9 100644
--- a/tags/components/index.html
+++ b/tags/components/index.html
@@ -423,7 +423,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -490,7 +489,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/cra/index.html b/tags/cra/index.html
index 538234bb4b9..7ed855bb756 100644
--- a/tags/cra/index.html
+++ b/tags/cra/index.html
@@ -476,7 +476,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -543,7 +542,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/create-react-app/index.html b/tags/create-react-app/index.html
index cfa16041b88..211193b36f7 100644
--- a/tags/create-react-app/index.html
+++ b/tags/create-react-app/index.html
@@ -423,7 +423,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -490,7 +489,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/css/index.html b/tags/css/index.html
index de1a8e8bcb3..7563d2b62d1 100644
--- a/tags/css/index.html
+++ b/tags/css/index.html
@@ -665,7 +665,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-hide-scrollba
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -732,7 +731,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-hide-scrollba
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/hooks/index.html b/tags/hooks/index.html
index 4a2f94208fe..8a9b5d0c3e8 100644
--- a/tags/hooks/index.html
+++ b/tags/hooks/index.html
@@ -420,7 +420,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-detect-a-clic
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -487,7 +486,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-detect-a-clic
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/how-to/index.html b/tags/how-to/index.html
index a08ae795914..97b34d691f2 100644
--- a/tags/how-to/index.html
+++ b/tags/how-to/index.html
@@ -890,7 +890,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-the-la
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -957,7 +956,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-remove-the-la
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/how-to/page/2/index.html b/tags/how-to/page/2/index.html
index 49fd86b0535..2555c5fdab4 100644
--- a/tags/how-to/page/2/index.html
+++ b/tags/how-to/page/2/index.html
@@ -891,7 +891,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-use-javascrip
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -958,7 +957,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-use-javascrip
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/how-to/page/3/index.html b/tags/how-to/page/3/index.html
index e33c10ef2b7..b74149e9bc7 100644
--- a/tags/how-to/page/3/index.html
+++ b/tags/how-to/page/3/index.html
@@ -893,7 +893,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-an-a
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -960,7 +959,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-check-if-an-a
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/how-to/page/4/index.html b/tags/how-to/page/4/index.html
index 3a52a808be0..f9374d36a39 100644
--- a/tags/how-to/page/4/index.html
+++ b/tags/how-to/page/4/index.html
@@ -897,7 +897,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -964,7 +963,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/how-to/page/5/index.html b/tags/how-to/page/5/index.html
index fa44903c4bf..06c8811bcf8 100644
--- a/tags/how-to/page/5/index.html
+++ b/tags/how-to/page/5/index.html
@@ -449,7 +449,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -516,7 +515,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/index.html b/tags/index.html
index ba4040620bf..6ec9a4a13d7 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -354,7 +354,7 @@
       Get early information about new products, product updates and blog posts.
     </div>
     <div id="mc_embed_signup">
-      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=7a9caf510c" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
+      <form action="https://GenesisUI.us12.list-manage.com/subscribe/post?u=272317181a81e4571a8dc53e0&amp;id=1a14dc904f&amp;f_id=0091bce0f0" method="post" id="membedded-subscribe-form" name="membedded-subscribe-form" class="validate" target="_blank" novalidate>
         <div id="mc_embed_signup_scroll">
           <div class="mfield-group form-group text-center">
             <label for="mce-EMAIL">Email Address </label>
@@ -364,7 +364,7 @@
             <div class="response" id="mce-error-response" style="display:none"></div>
             <div class="response" id="mce-success-response" style="display:none"></div>
           </div>    
-          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_7a9caf510c" tabindex="-1" value=""></div>
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_272317181a81e4571a8dc53e0_1a14dc904f" tabindex="-1" value=""></div>
         </div>
         <button type="submit" class="hexagon-btn hexagon-btn-cta-yellow button position-absolute top-100 start-50 translate-middle" value="Subscribe" name="subscribe" id="membedded-subscribe">
           Subscribe
@@ -390,8 +390,9 @@
     srcset="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-change-opacity-on-hover-in-css_hu53a2156512fc0eebd5377a9fff49cb6e_79760_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-hover-in-css/">How to change opacity on hover in CSS</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -409,8 +410,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Monday, August 12, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">
@@ -429,8 +429,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-change-opacity-on-
     srcset="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_d8b8f1d87a7d28afde26def960b55ee1.webp 480w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_f6852fb85417fa48a5e486041e372633.webp 768w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_aa67c1661e15f4d147b1c76a6ebb9dfe.webp 1024w, /images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_7bc157aa13f9260d1d5cb8036b29ebc6.webp 1366w"  
   src="/images/blog/_hu448926a2ab835bd6fb37552d2e1634db_109278_32d834b5d445574daad0e4bfc88c29ea.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-remove-and-toggle-css-classes-in-react-js/">How to dynamically add, remove, and toggle CSS classes in React.js</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -448,8 +449,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Friday, August 9, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">
@@ -468,8 +468,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-dynamically-add-re
     srcset="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-a-2d-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_95519_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-array-in-javascript/">How to loop through a 2D array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -487,8 +488,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Saturday, August 3, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">
@@ -507,8 +507,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-a-2d-
     srcset="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-limit-items-in-a-map-loop-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94166_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-map-loop-in-javascript/">How to limit items in a .map loop in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -526,8 +527,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 30, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">
@@ -546,8 +546,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-limit-items-in-a-m
     srcset="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-loop-through-an-array-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_94611_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-array-in-javascript/">How to loop through an array in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -565,8 +566,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Tuesday, July 23, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
       <a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">
@@ -585,8 +585,9 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-loop-through-an-ar
     srcset="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_480x0_resize_q90_h2_box_3.webp 480w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_768x0_resize_q90_h2_box_3.webp 768w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1024x0_resize_q90_h2_box_3.webp 1024w, /images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1366x0_resize_q90_h2_box_3.webp 1366w"  
   src="/images/blog/how-to-get-element-id-in-javascript_hu1bc13bbffd03a7bf0f11b11dcd072256_90602_1360x0_resize_q90_h2_box_3.webp"
 />
-        <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
-        <div class="post-date mb-2">
+      </a>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-javascript/">How to get element ID in JavaScript</a></h5>
+      <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
 <path d="M59 12h-11v-7h-4v7h-24v-7h-4v7h-11c-1.656 0.002-2.998 1.344-3 3v42c0.002 1.656 1.344 2.998 3 3h54c1.656-0.002 2.998-1.344 3-3v-42c-0.002-1.656-1.344-2.998-3-3h-0zM58 56h-52v-40h10v5h4v-5h24v5h4v-5h10z"></path>
@@ -604,8 +605,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
 Wednesday, July 17, 2024
-        </div>
-      </a>
+      </div>
       <hr>
     </div></div>
 </div></div>
@@ -670,9 +670,8 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-get-element-id-in-
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script defer type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-  <script defer type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script>
-  <script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script>
+      
+    
   </body>
 </html>
diff --git a/tags/javascript/index.html b/tags/javascript/index.html
index 921b574bde4..bd84a14043f 100644
--- a/tags/javascript/index.html
+++ b/tags/javascript/index.html
@@ -886,7 +886,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-open-all-link
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -953,7 +952,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-open-all-link
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/javascript/page/2/index.html b/tags/javascript/page/2/index.html
index 0a6495e9405..e905e6c467a 100644
--- a/tags/javascript/page/2/index.html
+++ b/tags/javascript/page/2/index.html
@@ -887,7 +887,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-quest
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -954,7 +953,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-quest
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/javascript/page/3/index.html b/tags/javascript/page/3/index.html
index a56d4bf59a3..62b940c2b5f 100644
--- a/tags/javascript/page/3/index.html
+++ b/tags/javascript/page/3/index.html
@@ -888,7 +888,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-compare-dates
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -955,7 +954,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-compare-dates
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/javascript/page/4/index.html b/tags/javascript/page/4/index.html
index 07c1f61f6bf..5ef06ac1666 100644
--- a/tags/javascript/page/4/index.html
+++ b/tags/javascript/page/4/index.html
@@ -647,7 +647,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -714,7 +713,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/next.js/index.html b/tags/next.js/index.html
index 77238f2a137..ac7ae9e94f0 100644
--- a/tags/next.js/index.html
+++ b/tags/next.js/index.html
@@ -476,7 +476,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -543,7 +542,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/node.js/index.html b/tags/node.js/index.html
index 310e66e188c..acb398aaa65 100644
--- a/tags/node.js/index.html
+++ b/tags/node.js/index.html
@@ -474,7 +474,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -541,7 +540,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/react/index.html b/tags/react/index.html
index 3124fbfecf0..b793cdd4830 100644
--- a/tags/react/index.html
+++ b/tags/react/index.html
@@ -903,7 +903,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-detect-a-clic
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -970,7 +969,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-detect-a-clic
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/react/page/2/index.html b/tags/react/page/2/index.html
index c4ed3f5090d..df9ffefd781 100644
--- a/tags/react/page/2/index.html
+++ b/tags/react/page/2/index.html
@@ -910,7 +910,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -977,7 +976,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/react/page/3/index.html b/tags/react/page/3/index.html
index b5227bc4186..da7c1b334e6 100644
--- a/tags/react/page/3/index.html
+++ b/tags/react/page/3/index.html
@@ -902,7 +902,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -969,7 +968,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/react/v5
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/react/page/4/index.html b/tags/react/page/4/index.html
index 361cc4391d1..84fa98f958c 100644
--- a/tags/react/page/4/index.html
+++ b/tags/react/page/4/index.html
@@ -499,7 +499,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -566,7 +565,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/bootstrap-react-tuto
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/template/index.html b/tags/template/index.html
index 30e23c7b9cc..461ba2d8254 100644
--- a/tags/template/index.html
+++ b/tags/template/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/template/page/2/index.html b/tags/template/page/2/index.html
index 5983301b593..164aba99b6e 100644
--- a/tags/template/page/2/index.html
+++ b/tags/template/page/2/index.html
@@ -915,7 +915,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -982,7 +981,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/template/page/3/index.html b/tags/template/page/3/index.html
index 6d1fc3d33be..56ba6d504df 100644
--- a/tags/template/page/3/index.html
+++ b/tags/template/page/3/index.html
@@ -757,7 +757,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -824,7 +823,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/typescript/index.html b/tags/typescript/index.html
index 354d3d47952..d13e2d13543 100644
--- a/tags/typescript/index.html
+++ b/tags/typescript/index.html
@@ -421,7 +421,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -488,7 +487,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-fix-syntaxerr
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/ui/index.html b/tags/ui/index.html
index 1195944621f..f169c407626 100644
--- a/tags/ui/index.html
+++ b/tags/ui/index.html
@@ -423,7 +423,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -490,7 +489,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/index.html b/tags/v5/index.html
index eb75f45f254..b42aeb73589 100644
--- a/tags/v5/index.html
+++ b/tags/v5/index.html
@@ -899,7 +899,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -966,7 +965,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/2/index.html b/tags/v5/page/2/index.html
index e49a02e6f1b..3467d60cb9d 100644
--- a/tags/v5/page/2/index.html
+++ b/tags/v5/page/2/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/3/index.html b/tags/v5/page/3/index.html
index 976274135d0..74edb195a57 100644
--- a/tags/v5/page/3/index.html
+++ b/tags/v5/page/3/index.html
@@ -899,7 +899,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -966,7 +965,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/4/index.html b/tags/v5/page/4/index.html
index e21d1bd2df7..76ac4e4afee 100644
--- a/tags/v5/page/4/index.html
+++ b/tags/v5/page/4/index.html
@@ -911,7 +911,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -978,7 +977,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/5/index.html b/tags/v5/page/5/index.html
index ff606d083f8..a467f292dd0 100644
--- a/tags/v5/page/5/index.html
+++ b/tags/v5/page/5/index.html
@@ -914,7 +914,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -981,7 +980,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/6/index.html b/tags/v5/page/6/index.html
index db73929f885..489ce1e5c53 100644
--- a/tags/v5/page/6/index.html
+++ b/tags/v5/page/6/index.html
@@ -909,7 +909,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -976,7 +975,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-p
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/7/index.html b/tags/v5/page/7/index.html
index c4662b5ad81..9c81d2a0b5a 100644
--- a/tags/v5/page/7/index.html
+++ b/tags/v5/page/7/index.html
@@ -901,7 +901,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -968,7 +967,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui/v
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/v5/page/8/index.html b/tags/v5/page/8/index.html
index 81f867e224c..3f7369d033e 100644
--- a/tags/v5/page/8/index.html
+++ b/tags/v5/page/8/index.html
@@ -653,7 +653,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -720,7 +719,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/vite/index.html b/tags/vite/index.html
index 3593c4e75c6..a2d7867b511 100644
--- a/tags/vite/index.html
+++ b/tags/vite/index.html
@@ -476,7 +476,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -543,7 +542,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/how-to-migrate-creat
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/vue/index.html b/tags/vue/index.html
index ca023cf27f0..369d245f2f5 100644
--- a/tags/vue/index.html
+++ b/tags/vue/index.html
@@ -900,7 +900,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -967,7 +966,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/changelog/coreui/coreui-f
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/vue/page/2/index.html b/tags/vue/page/2/index.html
index 8d039cb24bf..3607e03dbca 100644
--- a/tags/vue/page/2/index.html
+++ b/tags/vue/page/2/index.html
@@ -695,7 +695,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -762,7 +761,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/ui-component-librari
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file
diff --git a/tags/what-is/index.html b/tags/what-is/index.html
index 04d587fb97f..8f327cec27a 100644
--- a/tags/what-is/index.html
+++ b/tags/what-is/index.html
@@ -517,7 +517,6 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-quest
                 </button>
               </form>
             </div>
-            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
           </div>
           
           
@@ -584,7 +583,5 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/blog/what-is-double-quest
       </div>
     </div>
   </div>
-</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script><script type="text/javascript" src="https://coreui.io/js/vendors/jquery-3.7.1.min.js"></script>
-    <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mvalidate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
-  </body>
+</footer><script type="text/javascript" src="https://coreui.io/js/scripts.min.470a0fe2149352defb41971f701c8cb12142381cca37c13e72140ddbaecfa334d47b7b7bc42dbcff5beadf074330efc14938a91f3de971485dd2d972d4180614.js"></script></body>
 </html>
\ No newline at end of file