update website

Author: mrholek

404.html

@@ -323,8 +323,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>

about/index.html

@@ -325,8 +325,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>
@@ -587,7 +586,7 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/about/services/">Services
   </div>
   <div class="my-5 py-2"></div>
   <div class="row"><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-use-bootstrap-modal-in-react/">
 
 
 
@@ -599,13 +598,13 @@ <h2 class="post-title mb-3"><a href="https://coreui.io/about/services/">Services
 <img
   loading="lazy"
   class="post-image" 
-  alt="What is the Difference Between Null and Undefined in JavaScript" 
-    srcset="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu_15986adbff9a154b.webp 480w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu_a837066498153436.webp 768w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu_9911f8340e91b044.webp 1024w, /images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu_c29582c94fbf0f0c.webp 1366w"  
-  src="/images/blog/what-is-the-difference-between-null-and-undefined-in-javascript_hu_6a595be9f392cc50.webp"
+  alt="How to Add a Bootstrap Modal in React Without Breaking React – The CoreUI Way" 
+    srcset="/images/blog/how-to-use-bootstrap-modal-in-react_hu_af4aa6390c547e9a.webp 480w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_e51db90f344c0436.webp 768w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_fb0c143f60c97ee7.webp 1024w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_98ed9ba7d9f04a6d.webp 1366w"  
+  src="/images/blog/how-to-use-bootstrap-modal-in-react_hu_b93250e07b2af94b.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-between-null-and-undefined-in-javascript/">What is the Difference Between Null and Undefined in JavaScript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-modal-in-react/">How to Add a Bootstrap Modal in React Without Breaking React – The CoreUI Way</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -623,11 +622,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Sunday, February 9, 2025
+Tuesday, June 17, 2025
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-use-bootstrap-dropdown-in-angular/">
+      <a href="https://coreui.io/blog/how-to-detect-a-click-outside-of-a-react-component/">
 
 
 
@@ -639,13 +638,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/what-is-the-difference-be
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to Use Bootstrap Dropdown in Angular – CoreUI Integration Guide" 
-    srcset="/images/blog/how-to-use-bootstrap-dropdown-in-angular_hu_9f4c2f44b117343c.webp 480w, /images/blog/how-to-use-bootstrap-dropdown-in-angular_hu_d7d03812395ac3f1.webp 768w, /images/blog/how-to-use-bootstrap-dropdown-in-angular_hu_20354bf2150fce83.webp 1024w, /images/blog/how-to-use-bootstrap-dropdown-in-angular_hu_e264edf33ce81eec.webp 1366w"  
-  src="/images/blog/how-to-use-bootstrap-dropdown-in-angular_hu_cb65c37282c0a47e.webp"
+  alt="How to Detect a Click Outside of a React Component" 
+    srcset="/images/blog/how-to-detect-a-click-outside-of-a-react-component_hu_f5055515966ecbcb.webp 480w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu_e77637bda0da1045.webp 768w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu_1f1bc78cc86ef1ba.webp 1024w, /images/blog/how-to-detect-a-click-outside-of-a-react-component_hu_bca3760fd78625f8.webp 1366w"  
+  src="/images/blog/how-to-detect-a-click-outside-of-a-react-component_hu_d67175a77de568d3.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-dropdown-in-angular/">How to Use Bootstrap Dropdown in Angular – CoreUI Integration Guide</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-detect-a-click-outside-of-a-react-component/">How to Detect a Click Outside of a React Component</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -663,11 +662,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-drop
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Wednesday, July 9, 2025
+Friday, May 31, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-return-multiple-values-from-a-javascript-function/">
 
 
 
@@ -679,13 +678,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-drop
 <img
   loading="lazy"
   class="post-image" 
-  alt="Mastering the Spread Operator (`...`) in React.js" 
-    srcset="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu_257d172bc95a72ba.webp 480w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu_ac80c67d71175f81.webp 768w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu_6fe546e74a481b2c.webp 1024w, /images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu_295098e32dfe010d.webp 1366w"  
-  src="/images/blog/how-to-replace-all-occurrences-of-a-string-in-javascript_hu_751d2099776504e9.webp"
+  alt="How to return multiple values from a JavaScript function" 
+    srcset="/images/blog/how-to-return-multiple-values-from-a-javascript-function_hu_b9e7be89cf63390f.webp 480w, /images/blog/how-to-return-multiple-values-from-a-javascript-function_hu_a426516057c3aade.webp 768w, /images/blog/how-to-return-multiple-values-from-a-javascript-function_hu_5f93bf2076e8ab5c.webp 1024w, /images/blog/how-to-return-multiple-values-from-a-javascript-function_hu_9ea2361d8bef7790.webp 1366w"  
+  src="/images/blog/how-to-return-multiple-values-from-a-javascript-function_hu_ab8572a4259aef57.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/draft-how-to-replace-all-occurrences-of-a-string-in-javascript/">Mastering the Spread Operator (`...`) in React.js</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-return-multiple-values-from-a-javascript-function/">How to return multiple values from a JavaScript function</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -703,11 +702,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/draft-how-to-replace-all-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Sunday, September 3, 2023
+Thursday, June 27, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-use-bootstrap-modal-in-react/">
+      <a href="https://coreui.io/blog/what-is-double-question-mark-in-javascript/">
 
 
 
@@ -719,13 +718,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/draft-how-to-replace-all-
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to Add a Bootstrap Modal in React Without Breaking React – The CoreUI Way" 
-    srcset="/images/blog/how-to-use-bootstrap-modal-in-react_hu_af4aa6390c547e9a.webp 480w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_e51db90f344c0436.webp 768w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_fb0c143f60c97ee7.webp 1024w, /images/blog/how-to-use-bootstrap-modal-in-react_hu_98ed9ba7d9f04a6d.webp 1366w"  
-  src="/images/blog/how-to-use-bootstrap-modal-in-react_hu_b93250e07b2af94b.webp"
+  alt="What is Double Question Mark in JavaScript?" 
+    srcset="/images/blog/what-is-double-question-mark-in-javascript_hu_aff3d41bce1c996.webp 480w, /images/blog/what-is-double-question-mark-in-javascript_hu_914d8a0cf6f08006.webp 768w, /images/blog/what-is-double-question-mark-in-javascript_hu_4ea63dc64282081c.webp 1024w, /images/blog/what-is-double-question-mark-in-javascript_hu_7ff76b59c5a4aac1.webp 1366w"  
+  src="/images/blog/what-is-double-question-mark-in-javascript_hu_2c5cce739b926d91.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-modal-in-react/">How to Add a Bootstrap Modal in React Without Breaking React – The CoreUI Way</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/what-is-double-question-mark-in-javascript/">What is Double Question Mark in JavaScript?</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -743,11 +742,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-moda
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, June 17, 2025
+Tuesday, March 12, 2024
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-sleep-in-javascript/">
+      <a href="https://coreui.io/blog/how-to-open-link-in-a-new-tab-in-html/">
 
 
 
@@ -759,13 +758,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-bootstrap-moda
 <img
   loading="lazy"
   class="post-image" 
-  alt="How to sleep in Javascript" 
-    srcset="/images/blog/how-to-sleep-in-javascript_hu_d6cb920e03e4c524.webp 480w, /images/blog/how-to-sleep-in-javascript_hu_3b408e773779f406.webp 768w, /images/blog/how-to-sleep-in-javascript_hu_241303522ec2aa20.webp 1024w, /images/blog/how-to-sleep-in-javascript_hu_95bed39d309e3865.webp 1366w"  
-  src="/images/blog/how-to-sleep-in-javascript_hu_6fe4f83357f2e89d.webp"
+  alt="How to Open Link in a New Tab in HTML?" 
+    srcset="/images/blog/how-to-open-link-in-a-new-tab-in-html_hu_9da9f42212292b83.webp 480w, /images/blog/how-to-open-link-in-a-new-tab-in-html_hu_d5736df991ac8e8b.webp 768w, /images/blog/how-to-open-link-in-a-new-tab-in-html_hu_29f5f8da413b4eb3.webp 1024w, /images/blog/how-to-open-link-in-a-new-tab-in-html_hu_5d4b10b035b214fe.webp 1366w"  
+  src="/images/blog/how-to-open-link-in-a-new-tab-in-html_hu_92131508d89961a9.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-sleep-in-javascript/">How to sleep in Javascript</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-open-link-in-a-new-tab-in-html/">How to Open Link in a New Tab in HTML?</a></h5>
       <div class="post-date mb-2">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
 <title>calendar</title>
@@ -783,11 +782,11 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-sleep-in-javascrip
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, March 26, 2024
+Wednesday, February 26, 2025
       </div>
       <hr>
     </div><div class="post col-12 col-sm-6 col-xl-12 mb-0">
-      <a href="https://coreui.io/blog/how-to-use-inline-styles-in-react/">
+      <a href="https://coreui.io/blog/how-to-center-a-button-in-css/">
 
 
 
@@ -799,13 +798,13 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-sleep-in-javascrip
 <img
   loading="lazy"
   class="post-image" 
-  alt="Mastering Inline Styles in React.js: Enhancing Your Components with Style" 
-    srcset="/images/blog/how-to-use-inline-styles-in-react_hu_9ce954a185d7d3c8.webp 480w, /images/blog/how-to-use-inline-styles-in-react_hu_5c93314ea71cd095.webp 768w, /images/blog/how-to-use-inline-styles-in-react_hu_732b5b91e98e27dc.webp 1024w, /images/blog/how-to-use-inline-styles-in-react_hu_4c0139d875b1a50b.webp 1366w"  
-  src="/images/blog/how-to-use-inline-styles-in-react_hu_8dc94b858b890c11.webp"
+  alt="How to Center a Button in CSS" 
+    srcset="/images/blog/how-to-center-a-button-in-css_hu_5ee3f975a77d9d2d.webp 480w, /images/blog/how-to-center-a-button-in-css_hu_eca4e047a7f8cbe2.webp 768w, /images/blog/how-to-center-a-button-in-css_hu_4b64892fbe35fefb.webp 1024w, /images/blog/how-to-center-a-button-in-css_hu_9b39a875d67547d.webp 1366w"  
+  src="/images/blog/how-to-center-a-button-in-css_hu_2c78673b977a2647.webp"
    width="460px"
 />
       </a>
-      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-inline-styles-in-react/">Mastering Inline Styles in React.js: Enhancing Your Components with Style</a></h5>
+      <h5 class="post-title"><a href="https://coreui.io/blog/how-to-center-a-button-in-css/">How to Center a Button 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>
@@ -823,7 +822,7 @@ <h5 class="post-title"><a href="https://coreui.io/blog/how-to-use-inline-styles-
 <path d="M35 46h4v4h-4v-4z"></path>
 <path d="M46 46h4v4h-4v-4z"></path>
 </svg>
-Tuesday, January 30, 2024
+Wednesday, May 15, 2024
       </div>
       <hr>
     </div></div>

about/legal/cookies/index.html

@@ -334,8 +334,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>

about/legal/privacy/index.html

@@ -326,8 +326,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>

about/services/index.html

@@ -325,8 +325,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>
@@ -1089,9 +1088,7 @@ <h2>Tell us about your project</h2>
       <button type="submit" class="btn btn-cta btn-dark btn-xl">Send message</button>
     </form>
   </div>
-</section><script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
-  <script type="text/javascript">window.Beacon('init', 'ca6a25bd-95c9-4bbb-99a8-757ab941e818')</script>
-
+</section>
     </div><footer id="footer">
   <div class="container">
     <div class="row">

about/sponsors-backers/index.html

@@ -327,8 +327,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>

affiliate-program/index.html

@@ -337,8 +337,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>

angular/index.html

@@ -334,8 +334,7 @@
           </li>
           <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
             <hr class="d-lg-none my-2 text-white-50">
-          </li>
-          <li class="nav-item px-1 mt-2 mt-lg-0">
+          </li><li class="nav-item px-1 mt-2 mt-lg-0">
             <a href="/about/services/" class="btn btn-border btn-border-framework btn-sm">
               Custom Services
             </a>
@@ -728,6 +727,8 @@ <h2 class="section-title">Ready to use and customizable <span class="text-yellow
                 <a href="https://coreui.io/angular/docs/forms/rating" style="color:#3c4b64; font-weight: 500; font-family: Barlow Semi Condensed,sans-serif;">Rating</a>
               </li><li  class="mb-2">
                 <a href="https://coreui.io/angular/docs/forms/select" style="color:#3c4b64; font-weight: 500; font-family: Barlow Semi Condensed,sans-serif;">Select</a>
+              </li><li  class="mb-2">
+                <a href="https://coreui.io/angular/docs/forms/stepper/" style="color:#3c4b64; font-weight: 500; font-family: Barlow Semi Condensed,sans-serif;">Stepper</a>
               </li><li  class="mb-2">
                 <a href="https://coreui.io/angular/docs/forms/form-control" style="color:#3c4b64; font-weight: 500; font-family: Barlow Semi Condensed,sans-serif;">Textarea</a>
               </li><li  class="mb-2">