Hey, where did my words go? (Click to hide)

In the trial version of Web2Disk every fifth word is blanked out. To copy this site with all the words, please upgrade to the full version and copy this website again.

Inspyder Web2Disk: The Website Downloader

Customize theme

Colors
Primary
Success
Warning
Danger
Info
Direction
RTL

Change text direction

To switch the text _________ of your webpage from ___ to RTL, please consult ___ detailed instructions provided in ___ relevant section of our _____________.
Border width, px
Rounding, rem
Back to settings

To apply the provided ______ to your webpage, enclose ____ within a <style> tag and insert ____ tag into the <head> section of your ____ document after the following ____ to the main stylesheet:
<link href="assets/css/theme.min.css"> 


           

         

       


       
       

         
         
       

     



     
     

       

         
         
           
             
           
          Cartzilla
           v3.1.1 
         
         
         

           
           
    
             
  • 
               
             
    • 
             
  • 
               
             
    • 
             
  • 
               
             
    • 
           

         

         
         
           
          Buy now
         
       

     



     
     

       


         
         


         
         


           
           

             
              _________ docs
               
             
             
Buttons 

             
Custom button styles for _______ in forms, dialogs, etc. 

           



           
           

             
Solid 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                     
                     

                       
                     

                     
                     
                   

                   

                     

                       
                       
<!-- Primary solid button --&__;
&__;______ type="button" class="btn btn-primary">Primary</button>

<!-- Secondary _____ button -->
<button type="button" class="btn ___-_________"&__;_________&__;/______&__;

&__;!-- Success solid button -->
<button ____="______" class="btn btn-success">Success</button>

<!-- Danger solid ______ -->
<button type="button" class="btn btn-danger">Danger</button>

<!-- _______ solid button -->
<button type="button" _____="___ btn-warning">Warning</button>

<!-- Info solid button --&__;
&__;______ type="button" class="btn btn-info">Info</button>

<!-- Light _____ button -->
<button type="button" class="btn ___-_____"&__;_____&__;/______&__;

&__;!-- Dark solid button -->
<button ____="______" class="btn btn-dark">Dark</button>

<!-- Link button --&__;
&__;______ type="button" class="btn btn-link">Link</button> 

                     

                   

                 

               

             

           



           
           

             
Outline 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                     
                     

                       
                     

                     
                   

                   

                     

                       
                       
<!-- Primary outline button --&__;
&__;______ type="button" class="btn btn-outline-primary">Primary</button>

<!-- Secondary _______ button -->
<button type="button" class="btn ___-_______-_________"&__;_________&__;/______&__;

&__;!-- Success outline button -->
<button ____="______" class="btn btn-outline-success">Success</button>

<!-- Danger outline ______ -->
<button type="button" class="btn btn-outline-danger">Danger</button>

<!-- _______ outline button -->
<button type="button" _____="___ btn-outline-warning">Warning</button>

<!-- Info outline button --&__;
&__;______ type="button" class="btn btn-outline-info">Info</button>

<!-- Light _______ button -->
<button type="button" class="btn ___-_______-_____"&__;_____&__;/______&__;

&__;!-- Dark outline button -->
<button ____="______" class="btn btn-outline-dark">Dark</button> 

                     

                   

                 

               

             

           



           
           

             
Static icons 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                   

                   

                     

                       
                       
<!-- Primary button with ____ and icon on the ____ -->
<button type="button" class="btn btn-primary">
  <i class="ci-thumbs-up fs-base me-2 __-_1"&__;&__;/_&__;
  Like
</button>

<!-- Secondary outline ______ with text and icon __ the right -->
<button type="button" _____="___ btn-outline-secondary">
  Send
  &__;_ class="ci-send fs-base ms-2 me-n1"></i>
</button>

<!-- _______ solid icon button -->
<button ____="______" class="btn btn-icon btn-success fs-lg" ____-_____="_____________"&__;
  <i class="ci-bell"></i>
</button>

<!-- Secondary _____ circle icon button -->
<button ____="______" class="btn btn-icon btn-secondary fs-lg _______-______" aria-label="Settings">
  <i class="ci-settings"></i>
</button>

<!-- ______ outline circle icon button --&__;
&__;______ type="button" class="btn btn-icon btn-outline-danger __-____ rounded-circle" aria-label="Favorite">
  <i _____="__-_____"&__;&__;/_&__;
&__;/______&__; 

                     

                   

                 

               

             

           



           
           

             
Animated icons 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                   

                   

                     

                       
                       
<!-- Primary button with ____ and animated (scale) icon __ the left -->
<button type="button" _____="___ btn-primary animate-scale">
  <i _____="__-______-__ animate-target fs-base me-2 ms-n1"></i>
  Like
</button>

<!-- Secondary outline button ____ text and animated (slide) ____ on the right -->
<button ____="______" class="btn btn-outline-secondary animate-slide-end">
  ____
  <i class="ci-send animate-target __-____ ms-2 me-n1"></i>
</button>

<!-- Success solid ______ with animated (shake) icon --&__;
&__;______ type="button" class="btn btn-icon btn-success _______-_____ fs-lg" aria-label="Notifications">
  <i _____="__-____ animate-target"></i>
</button>

<!-- Secondary solid circle ______ with animated (rotate) icon --&__;
&__;______ type="button" class="btn btn-icon btn-secondary _______-______ fs-lg rounded-circle" aria-label="Settings">
  &__;_ class="ci-settings animate-target"></i>
</button>

<!-- Danger outline ______ button with animated (pulse) ____ -->
<button type="button" class="btn btn-icon ___-_______-______ animate-pulse fs-base rounded-circle" aria-label="Favorite">
  <i class="ci-heart animate-target"></i>
</button> 

                     

                   

                 

               

             

           



           
           

             
Market buttons 

             

               
               

                 
    
                   
                   
                 

                 

                   
                   

                     

                       
                       
<!-- Large dark Google ____ button -->
<a class="btn btn-market ___-__ btn-dark" href="#" aria-label="Download on ______ Play">
  <svg class="flex-shrink-0 __-_1 me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" _______="0 0 24 24" fill="none"><path _="_19.665 10.561l-3.251-1.878-3.329 3.329 3.328 3.329 3.263-1.884_.509-.309.812-.849.812-1.444_-.304-1.135-.823-1.451_" fill="#ffce00"/><path d="M13.085 12.011L4.018 2.879a1.71 1.71 0 0 0-.507 1.216v15.804a1.71 1.71 0 0 0 .507 1.217_9.067-9.105_" fill="#01daff"/><path d="M13.086 12.011l3.329-3.329.005-.005-4.46-2.568L6.08 2.654c-.529-.327-1.171-.338-1.712-.034a2.54 2.54 0 0 0-.349.259l9.067 9.132z" ____="#00_076"/&__;&__;____ d="M4.019 21.116c.113.101.225.18.349.259.27.146.552.225.834.225.304 0 .597-.09.867-.248l5.891-3.439 4.46-2.568-.005-.005-3.329-3.329-9.067 9.104z" fill="#f63448"/></svg>
  <svg _____="____-______-0" xmlns="http://www.w3.org/2000/svg" width="77" height="24" viewBox="0 0 77 24" fill="currentColor"><path d="M24.575 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM16.11 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM6.007 10.681_1.704_3.914_-.091.947-.455 1.704-.91 2.177-.546.568-1.456 1.231-3.004 1.231-2.457 0-4.278-1.988-4.278-4.544_1.911-4.544 4.278-4.544c1.274 0 2.275.568 3.004 1.231_1.183-1.231_9.193 5.757 7.918 5 6.098 5 2.822 5 0 7.84 0 11.249s2.822 6.249 6.098 6.249c1.82 0 3.095-.568 4.187-1.799 1.092-1.136 1.456-2.745 1.456-3.976 0-.379 0-.757-.091-1.041H6.007zm41.322 1.325c-.364-.947-1.274-2.556-3.277-2.556s-3.641 1.61-3.641 4.071_0 2.272 1.638 4.071 3.823 4.071 1.729 0 2.822-1.136 3.186-1.799l-1.274-.947c-.455.663-1.001 1.136-1.911 1.136s-1.456-.379-1.911-1.231l5.188-2.272-.182-.473zm-5.279 1.326c0-1.515 1.183-2.367 2.002-2.367.637 0 1.274.379 1.456.852l-3.459 1.515zm-4.278 3.882h1.729V5.379h-1.729v11.834zm-2.73-6.911c-.455-.473-1.183-.947-2.093-.947-1.911 0-3.732 1.799-3.732 4.071s1.729 3.976 3.732 3.976_.91 0 1.638-.473 2.002-.947h.091v.568c0 1.515-.819 2.367-2.093 2.367-1.001 0-1.729-.757-1.911-1.42l-1.456.663C30.036 19.675 31.128 21 33.039 21c2.002 0 3.641-1.231 3.641-4.166_9.639_-1.638_.663__-2.002 5.586c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.093 1.041 2.093 2.462-.91 2.462-2.093 2.462zM55.247 5.379_-4.096_11.834_1.729_-4.45_2.367_1.911 0 3.732-1.42 3.732-3.692s-1.82-3.692-3.732-3.692zm.091 5.681h-2.457V6.988h2.457c1.274 0 2.002 1.136 2.002 1.988-.091 1.041-.819 2.083-2.002 2.083zm10.467-1.704c-1.274 0-2.549.568-3.004 1.799l1.547.663c.364-.663.91-.852 1.547-.852.91 0 1.729.568 1.82 1.515v.095c-.273-.189-1.001-.473-1.729-.473-1.638 0-3.277.947-3.277 2.651 0 1.609 1.365 2.651 2.821 2.651 1.183 0 1.729-.568 2.184-1.136h.091v.947h1.638v-4.544c-.182-2.083-1.729-3.314-3.641-3.314zm-.182 6.533c-.546 0-1.365-.284-1.365-1.041 0-.947 1.001-1.231 1.82-1.231.728 0 1.092.189 1.547.379-.182 1.136-1.092 1.894-2.002 1.894zm9.557-6.249l-1.911 5.112h-.091l-2.002-5.112h-1.82l3.004 7.195-1.729 3.976_1.729_77 9.639h-1.82zm-15.291 7.574h1.729V5.379h-1.729v11.834z"/></svg>
</a>

<!-- Normal dark ______ Play button -->
<a class="btn ___-______ btn-dark" href="#" aria-label="Download on ______ Play">
  <svg class="flex-shrink-0 __-_1 me-2" xmlns="http://www.w3.org/2000/svg" width="20" height="20" _______="0 0 24 24" fill="none"><path _="_19.665 10.561l-3.251-1.878-3.329 3.329 3.328 3.329 3.263-1.884_.509-.309.812-.849.812-1.444_-.304-1.135-.823-1.451_" fill="#ffce00"/><path d="M13.085 12.011L4.018 2.879a1.71 1.71 0 0 0-.507 1.216v15.804a1.71 1.71 0 0 0 .507 1.217_9.067-9.105_" fill="#01daff"/><path d="M13.086 12.011l3.329-3.329.005-.005-4.46-2.568L6.08 2.654c-.529-.327-1.171-.338-1.712-.034a2.54 2.54 0 0 0-.349.259l9.067 9.132z" ____="#00_076"/&__;&__;____ d="M4.019 21.116c.113.101.225.18.349.259.27.146.552.225.834.225.304 0 .597-.09.867-.248l5.891-3.439 4.46-2.568-.005-.005-3.329-3.329-9.067 9.104z" fill="#f63448"/></svg>
  <svg _____="____-______-0" xmlns="http://www.w3.org/2000/svg" width="67" height="20" viewBox="0 0 77 24" fill="currentColor"><path d="M24.575 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM16.11 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM6.007 10.681_1.704_3.914_-.091.947-.455 1.704-.91 2.177-.546.568-1.456 1.231-3.004 1.231-2.457 0-4.278-1.988-4.278-4.544_1.911-4.544 4.278-4.544c1.274 0 2.275.568 3.004 1.231_1.183-1.231_9.193 5.757 7.918 5 6.098 5 2.822 5 0 7.84 0 11.249s2.822 6.249 6.098 6.249c1.82 0 3.095-.568 4.187-1.799 1.092-1.136 1.456-2.745 1.456-3.976 0-.379 0-.757-.091-1.041H6.007zm41.322 1.325c-.364-.947-1.274-2.556-3.277-2.556s-3.641 1.61-3.641 4.071_0 2.272 1.638 4.071 3.823 4.071 1.729 0 2.822-1.136 3.186-1.799l-1.274-.947c-.455.663-1.001 1.136-1.911 1.136s-1.456-.379-1.911-1.231l5.188-2.272-.182-.473zm-5.279 1.326c0-1.515 1.183-2.367 2.002-2.367.637 0 1.274.379 1.456.852l-3.459 1.515zm-4.278 3.882h1.729V5.379h-1.729v11.834zm-2.73-6.911c-.455-.473-1.183-.947-2.093-.947-1.911 0-3.732 1.799-3.732 4.071s1.729 3.976 3.732 3.976_.91 0 1.638-.473 2.002-.947h.091v.568c0 1.515-.819 2.367-2.093 2.367-1.001 0-1.729-.757-1.911-1.42l-1.456.663C30.036 19.675 31.128 21 33.039 21c2.002 0 3.641-1.231 3.641-4.166_9.639_-1.638_.663__-2.002 5.586c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.093 1.041 2.093 2.462-.91 2.462-2.093 2.462zM55.247 5.379_-4.096_11.834_1.729_-4.45_2.367_1.911 0 3.732-1.42 3.732-3.692s-1.82-3.692-3.732-3.692zm.091 5.681h-2.457V6.988h2.457c1.274 0 2.002 1.136 2.002 1.988-.091 1.041-.819 2.083-2.002 2.083zm10.467-1.704c-1.274 0-2.549.568-3.004 1.799l1.547.663c.364-.663.91-.852 1.547-.852.91 0 1.729.568 1.82 1.515v.095c-.273-.189-1.001-.473-1.729-.473-1.638 0-3.277.947-3.277 2.651 0 1.609 1.365 2.651 2.821 2.651 1.183 0 1.729-.568 2.184-1.136h.091v.947h1.638v-4.544c-.182-2.083-1.729-3.314-3.641-3.314zm-.182 6.533c-.546 0-1.365-.284-1.365-1.041 0-.947 1.001-1.231 1.82-1.231.728 0 1.092.189 1.547.379-.182 1.136-1.092 1.894-2.002 1.894zm9.557-6.249l-1.911 5.112h-.091l-2.002-5.112h-1.82l3.004 7.195-1.729 3.976_1.729_77 9.639h-1.82zm-15.291 7.574h1.729V5.379h-1.729v11.834z"/></svg>
</a>

<!-- Large dark ___ Store button -->
<a class="btn ___-______ btn-lg btn-dark" href="#" aria-label="Download __ App Store">
  <i _____="__-_____ lead ms-n1 me-2"></i>
  &__;___ class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="77" height="24" _______="0 0 77 24" fill="currentColor"><path _="_40.713 15.797c.701-.624 1.055-1.431 1.055-2.427 0-.806-.242-1.486-.733-2.032-.483-.546-1.232-1.02-2.255-1.423-.838-.324-1.418-.625-1.732-.901a1.41 1.41 0 0 1-.548-1.138 1.39 1.39 0 0 1 .475-1.059c.379-.316.91-.482 1.579-.482.854 0 1.611.182 2.288.538l.483-1.518c-.717-.372-1.619-.553-2.699-.553-1.216 0-2.191.308-2.924.917a2.94 2.94 0 0 0-1.103 2.356c0 1.463 1.039 2.577 3.142 3.344.765.277 1.313.577 1.643.901a1.63 1.63 0 0 1 .491 1.194c0 .53-.201.957-.604 1.273-.395.316-.959.474-1.675.474-.999 0-1.917-.245-2.755-.727_-.443 1.557c.773.482 1.796.727 3.077.727 1.386 0 2.465-.34 3.238-1.02zm-31.706.846h2.03L7.195 4.966H4.826L1 16.644h1.974l1.055-3.431h3.867l1.112 3.431__6.558 8.729l1.007 3.044H4.367l.991-3.044.564-2.198h.04l.596 2.198zm13.122 6.997c.797-.83 1.192-1.961 1.192-3.392 0-1.289-.338-2.316-1.031-3.107-.677-.783-1.514-1.178-2.529-1.178-1.289 0-2.255.506-2.892 1.51h-.032l-.105-1.336h-1.675l.072 2.767_9.068_1.909_-4.42_.499.798 1.313 1.194 2.449 1.194 1.047 0 1.933-.364 2.642-1.107zm-1.313-5.353c.379.53.564 1.202.564 2.024 0 .893-.201 1.605-.604 2.15-.403.538-.959.814-1.675.814-.612 0-1.112-.213-1.49-.633_-.572-.941-.572-1.55_-1.407_0-.15.032-.34.089-.569_2.11 2.11 0 0 1 .749-1.202_.387-.3.814-.459 1.281-.459a1.96 1.96 0 0 1 1.659.83zm12.366 1.961c0 1.431-.395 2.562-1.192 3.392-.709.743-1.595 1.107-2.642 1.107-1.136 0-1.949-.395-2.449-1.194v4.42H22.54v-9.068l-.072-2.767h1.675l.105 1.336h.032c.636-1.004 1.603-1.51 2.892-1.51 1.015 0 1.853.395 2.529 1.178.693.791 1.031 1.818 1.031 3.107__-1.941.063_0-.822-.185-1.494-.564-2.024_1.96 1.96 0 0 0-1.659-.83c-.467 0-.894.158-1.281.459-.379.308-.628.704-.749 1.202-.056.229-.089.419-.089.569v1.407c0 .609.193 1.131.572 1.55s.878.633 1.49.633_.717 0 1.281-.277 1.676-.814.411-.546.604-1.257.604-2.15zM48.083 9.63h-2.102v4.087c0 1.036.37 1.557 1.112 1.557.338 0 .62-.032.846-.087_.056 1.423c-.379.134-.87.206-1.482.206-.757 0-1.337-.229-1.764-.68s-.636-1.21-.636-2.269V9.623h-1.248V8.223h1.249V6.681l1.869-.553v2.095h2.102V9.63zm8.329 5.922c.749-.83 1.128-1.89 1.128-3.186 0-1.257-.362-2.285-1.096-3.075-.765-.822-1.78-1.233-3.037-1.233-1.305 0-2.344.419-3.117 1.249-.765.83-1.152 1.897-1.152 3.202 0 1.249.37 2.285 1.12 3.099_1.756 1.225 3.013 1.225c1.305 0 2.352-.427 3.142-1.281zm-1.353-5.131c.338.553.508 1.21.508 1.984s-.177 1.439-.524 2.008_-.419.68-.991 1.02-1.716 1.02-.741 0-1.321-.332-1.732-1.004-.338-.546-.508-1.21-.508-1.984 0-.799.161-1.471.508-2.024.395-.672.983-1.004 1.748-1.004.741 0 1.313.332 1.716 1.004zm8.683-.553c-.185-.032-.387-.047-.604-.047-.669 0-1.192.245-1.555.743-.314.435-.475.996-.475 1.66v4.419h-1.909v-5.771l-.056-2.649h1.659l.072 1.613h.056c.201-.553.516-1.004.951-1.336.427-.3.886-.451 1.377-.451a4.09 4.09 0 0 1 .475.032l.008 1.787zm8.451 3.012_.048-.229.072-.514.072-.846 0-1.051-.258-1.929-.765-2.656-.628-.901-1.571-1.352-2.803-1.352-1.257 0-2.255.451-2.997 1.352-.709.846-1.063 1.905-1.063 3.17 0 1.289.379 2.324 1.136 3.091_1.804 1.154 3.133 1.154c1.104 0 2.062-.174 2.876-.522l-.298-1.297c-.693.261-1.466.395-2.312.395-.765 0-1.386-.198-1.869-.585-.532-.435-.806-1.075-.83-1.905h5.719zm-2.119-2.767c.258.403.387.886.371 1.439l-3.963-.008c.056-.561.25-1.051.564-1.455a1.82 1.82 0 0 1 1.514-.759c.677 0 1.184.261 1.514.783z"/></svg>
</a>

<!-- Normal dark App _____ button -->
<a class="btn btn-market ___-____" href="#" aria-label="Download on App _____"&__;
  <i class="ci-apple fs-xl __-_1 me-2"></i>
  <svg class="flex-shrink-0" _____="____://___._3.___/2000/___" width="67" height="20" viewBox="0 0 77 24" fill="currentColor"><path d="M40.713 15.797c.701-.624 1.055-1.431 1.055-2.427 0-.806-.242-1.486-.733-2.032-.483-.546-1.232-1.02-2.255-1.423-.838-.324-1.418-.625-1.732-.901a1.41 1.41 0 0 1-.548-1.138 1.39 1.39 0 0 1 .475-1.059c.379-.316.91-.482 1.579-.482.854 0 1.611.182 2.288.538l.483-1.518c-.717-.372-1.619-.553-2.699-.553-1.216 0-2.191.308-2.924.917a2.94 2.94 0 0 0-1.103 2.356c0 1.463 1.039 2.577 3.142 3.344.765.277 1.313.577 1.643.901a1.63 1.63 0 0 1 .491 1.194_0 .53-.201.957-.604 1.273-.395.316-.959.474-1.675.474-.999 0-1.917-.245-2.755-.727l-.443 1.557c.773.482 1.796.727 3.077.727 1.386 0 2.465-.34 3.238-1.02__-31.706.846_2.03_7.195 4.966H4.826L1 16.644h1.974l1.055-3.431h3.867l1.112 3.431zM6.558 8.729l1.007 3.044_4.367_.991-3.044.564-2.198_.04_.596 2.198zm13.122 6.997c.797-.83 1.192-1.961 1.192-3.392 0-1.289-.338-2.316-1.031-3.107-.677-.783-1.514-1.178-2.529-1.178-1.289 0-2.255.506-2.892 1.51h-.032l-.105-1.336h-1.675l.072 2.767v9.068h1.909v-4.42c.499.798 1.313 1.194 2.449 1.194 1.047 0 1.933-.364 2.642-1.107zm-1.313-5.353c.379.53.564 1.202.564 2.024 0 .893-.201 1.605-.604 2.15-.403.538-.959.814-1.675.814-.612 0-1.112-.213-1.49-.633s-.572-.941-.572-1.55v-1.407c0-.15.032-.34.089-.569a2.11 2.11 0 0 1 .749-1.202c.387-.3.814-.459 1.281-.459a1.96 1.96 0 0 1 1.659.83zm12.366 1.961_0 1.431-.395 2.562-1.192 3.392-.709.743-1.595 1.107-2.642 1.107-1.136 0-1.949-.395-2.449-1.194v4.42H22.54v-9.068l-.072-2.767h1.675l.105 1.336h.032c.636-1.004 1.603-1.51 2.892-1.51 1.015 0 1.853.395 2.529 1.178.693.791 1.031 1.818 1.031 3.107zm-1.941.063c0-.822-.185-1.494-.564-2.024a1.96 1.96 0 0 0-1.659-.83c-.467 0-.894.158-1.281.459-.379.308-.628.704-.749 1.202-.056.229-.089.419-.089.569v1.407c0 .609.193 1.131.572 1.55s.878.633 1.49.633c.717 0 1.281-.277 1.676-.814.411-.546.604-1.257.604-2.15zM48.083 9.63h-2.102v4.087c0 1.036.37 1.557 1.112 1.557.338 0 .62-.032.846-.087l.056 1.423c-.379.134-.87.206-1.482.206-.757 0-1.337-.229-1.764-.68_-.636-1.21-.636-2.269_9.623_-1.248_8.223_1.249_6.681_1.869-.553_2.095_2.102_9.63__8.329 5.922c.749-.83 1.128-1.89 1.128-3.186 0-1.257-.362-2.285-1.096-3.075-.765-.822-1.78-1.233-3.037-1.233-1.305 0-2.344.419-3.117 1.249-.765.83-1.152 1.897-1.152 3.202 0 1.249.37 2.285 1.12 3.099s1.756 1.225 3.013 1.225c1.305 0 2.352-.427 3.142-1.281zm-1.353-5.131c.338.553.508 1.21.508 1.984s-.177 1.439-.524 2.008c-.419.68-.991 1.02-1.716 1.02-.741 0-1.321-.332-1.732-1.004-.338-.546-.508-1.21-.508-1.984 0-.799.161-1.471.508-2.024.395-.672.983-1.004 1.748-1.004.741 0 1.313.332 1.716 1.004zm8.683-.553c-.185-.032-.387-.047-.604-.047-.669 0-1.192.245-1.555.743-.314.435-.475.996-.475 1.66v4.419h-1.909v-5.771l-.056-2.649h1.659l.072 1.613_.056_.201-.553.516-1.004.951-1.336.427-.3.886-.451 1.377-.451a4.09 4.09 0 0 1 .475.032l.008 1.787zm8.451 3.012c.048-.229.072-.514.072-.846 0-1.051-.258-1.929-.765-2.656-.628-.901-1.571-1.352-2.803-1.352-1.257 0-2.255.451-2.997 1.352-.709.846-1.063 1.905-1.063 3.17 0 1.289.379 2.324 1.136 3.091s1.804 1.154 3.133 1.154c1.104 0 2.062-.174 2.876-.522l-.298-1.297c-.693.261-1.466.395-2.312.395-.765 0-1.386-.198-1.869-.585-.532-.435-.806-1.075-.83-1.905_5.719__-2.119-2.767_.258.403.387.886.371 1.439l-3.963-.008c.056-.561.25-1.051.564-1.455a1.82 1.82 0 0 1 1.514-.759c.677 0 1.184.261 1.514.783z"/></svg>
</a>

<!-- _____ light pill Google Play ______ -->
<a class="btn btn-market btn-lg ___-_____ rounded-pill" href="#" aria-label="Download on ______ Play">
  <svg class="flex-shrink-0 __-_1 me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" _______="0 0 24 24" fill="none"><path _="_19.665 10.561l-3.251-1.878-3.329 3.329 3.328 3.329 3.263-1.884_.509-.309.812-.849.812-1.444_-.304-1.135-.823-1.451_" fill="#ffce00"/><path d="M13.085 12.011L4.018 2.879a1.71 1.71 0 0 0-.507 1.216v15.804a1.71 1.71 0 0 0 .507 1.217_9.067-9.105_" fill="#01daff"/><path d="M13.086 12.011l3.329-3.329.005-.005-4.46-2.568L6.08 2.654c-.529-.327-1.171-.338-1.712-.034a2.54 2.54 0 0 0-.349.259l9.067 9.132z" ____="#00_076"/&__;&__;____ d="M4.019 21.116c.113.101.225.18.349.259.27.146.552.225.834.225.304 0 .597-.09.867-.248l5.891-3.439 4.46-2.568-.005-.005-3.329-3.329-9.067 9.104z" fill="#f63448"/></svg>
  <svg _____="____-______-0" xmlns="http://www.w3.org/2000/svg" width="77" height="24" viewBox="0 0 77 24" fill="currentColor"><path d="M24.575 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM16.11 9.45_-2.184 0-3.914 1.704-3.914 4.071 0 2.272 1.729 4.071 3.914 4.071s3.914-1.704 3.914-4.071_0-2.461-1.729-4.071-3.914-4.071__0 6.438c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.184.947 2.184 2.462c0 1.42-1.001 2.462-2.184 2.462zM6.007 10.681_1.704_3.914_-.091.947-.455 1.704-.91 2.177-.546.568-1.456 1.231-3.004 1.231-2.457 0-4.278-1.988-4.278-4.544_1.911-4.544 4.278-4.544c1.274 0 2.275.568 3.004 1.231_1.183-1.231_9.193 5.757 7.918 5 6.098 5 2.822 5 0 7.84 0 11.249s2.822 6.249 6.098 6.249c1.82 0 3.095-.568 4.187-1.799 1.092-1.136 1.456-2.745 1.456-3.976 0-.379 0-.757-.091-1.041H6.007zm41.322 1.325c-.364-.947-1.274-2.556-3.277-2.556s-3.641 1.61-3.641 4.071_0 2.272 1.638 4.071 3.823 4.071 1.729 0 2.822-1.136 3.186-1.799l-1.274-.947c-.455.663-1.001 1.136-1.911 1.136s-1.456-.379-1.911-1.231l5.188-2.272-.182-.473zm-5.279 1.326c0-1.515 1.183-2.367 2.002-2.367.637 0 1.274.379 1.456.852l-3.459 1.515zm-4.278 3.882h1.729V5.379h-1.729v11.834zm-2.73-6.911c-.455-.473-1.183-.947-2.093-.947-1.911 0-3.732 1.799-3.732 4.071s1.729 3.976 3.732 3.976_.91 0 1.638-.473 2.002-.947h.091v.568c0 1.515-.819 2.367-2.093 2.367-1.001 0-1.729-.757-1.911-1.42l-1.456.663C30.036 19.675 31.128 21 33.039 21c2.002 0 3.641-1.231 3.641-4.166_9.639_-1.638_.663__-2.002 5.586c-1.183 0-2.184-1.041-2.184-2.462s1.001-2.462 2.184-2.462 2.093 1.041 2.093 2.462-.91 2.462-2.093 2.462zM55.247 5.379_-4.096_11.834_1.729_-4.45_2.367_1.911 0 3.732-1.42 3.732-3.692s-1.82-3.692-3.732-3.692zm.091 5.681h-2.457V6.988h2.457c1.274 0 2.002 1.136 2.002 1.988-.091 1.041-.819 2.083-2.002 2.083zm10.467-1.704c-1.274 0-2.549.568-3.004 1.799l1.547.663c.364-.663.91-.852 1.547-.852.91 0 1.729.568 1.82 1.515v.095c-.273-.189-1.001-.473-1.729-.473-1.638 0-3.277.947-3.277 2.651 0 1.609 1.365 2.651 2.821 2.651 1.183 0 1.729-.568 2.184-1.136h.091v.947h1.638v-4.544c-.182-2.083-1.729-3.314-3.641-3.314zm-.182 6.533c-.546 0-1.365-.284-1.365-1.041 0-.947 1.001-1.231 1.82-1.231.728 0 1.092.189 1.547.379-.182 1.136-1.092 1.894-2.002 1.894zm9.557-6.249l-1.911 5.112h-.091l-2.002-5.112h-1.82l3.004 7.195-1.729 3.976_1.729_77 9.639h-1.82zm-15.291 7.574h1.729V5.379h-1.729v11.834z"/></svg>
</a>

<!-- Large light ____ App Store button -->
<a _____="___ btn-market btn-lg btn-light rounded-pill" ____="#" aria-label="Download on App Store">
  <i class="ci-apple lead ms-n1 __-2"&__;&__;/_&__;
  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" _____="77" height="24" viewBox="0 0 77 24" fill="currentColor"><path d="M40.713 15.797c.701-.624 1.055-1.431 1.055-2.427 0-.806-.242-1.486-.733-2.032-.483-.546-1.232-1.02-2.255-1.423-.838-.324-1.418-.625-1.732-.901a1.41 1.41 0 0 1-.548-1.138 1.39 1.39 0 0 1 .475-1.059c.379-.316.91-.482 1.579-.482.854 0 1.611.182 2.288.538_.483-1.518_-.717-.372-1.619-.553-2.699-.553-1.216 0-2.191.308-2.924.917a2.94 2.94 0 0 0-1.103 2.356c0 1.463 1.039 2.577 3.142 3.344.765.277 1.313.577 1.643.901a1.63 1.63 0 0 1 .491 1.194c0 .53-.201.957-.604 1.273-.395.316-.959.474-1.675.474-.999 0-1.917-.245-2.755-.727l-.443 1.557c.773.482 1.796.727 3.077.727 1.386 0 2.465-.34 3.238-1.02zm-31.706.846h2.03L7.195 4.966_4.826_1 16.644h1.974l1.055-3.431h3.867l1.112 3.431zM6.558 8.729l1.007 3.044H4.367l.991-3.044.564-2.198h.04l.596 2.198__13.122 6.997c.797-.83 1.192-1.961 1.192-3.392 0-1.289-.338-2.316-1.031-3.107-.677-.783-1.514-1.178-2.529-1.178-1.289 0-2.255.506-2.892 1.51h-.032l-.105-1.336h-1.675l.072 2.767v9.068h1.909v-4.42c.499.798 1.313 1.194 2.449 1.194 1.047 0 1.933-.364 2.642-1.107__-1.313-5.353_.379.53.564 1.202.564 2.024 0 .893-.201 1.605-.604 2.15-.403.538-.959.814-1.675.814-.612 0-1.112-.213-1.49-.633s-.572-.941-.572-1.55v-1.407c0-.15.032-.34.089-.569a2.11 2.11 0 0 1 .749-1.202c.387-.3.814-.459 1.281-.459a1.96 1.96 0 0 1 1.659.83zm12.366 1.961c0 1.431-.395 2.562-1.192 3.392-.709.743-1.595 1.107-2.642 1.107-1.136 0-1.949-.395-2.449-1.194_4.42_22.54_-9.068_-.072-2.767_1.675_.105 1.336h.032c.636-1.004 1.603-1.51 2.892-1.51 1.015 0 1.853.395 2.529 1.178.693.791 1.031 1.818 1.031 3.107zm-1.941.063c0-.822-.185-1.494-.564-2.024a1.96 1.96 0 0 0-1.659-.83c-.467 0-.894.158-1.281.459-.379.308-.628.704-.749 1.202-.056.229-.089.419-.089.569v1.407c0 .609.193 1.131.572 1.55s.878.633 1.49.633c.717 0 1.281-.277 1.676-.814.411-.546.604-1.257.604-2.15__48.083 9.63h-2.102v4.087c0 1.036.37 1.557 1.112 1.557.338 0 .62-.032.846-.087l.056 1.423c-.379.134-.87.206-1.482.206-.757 0-1.337-.229-1.764-.68s-.636-1.21-.636-2.269V9.623h-1.248V8.223h1.249V6.681l1.869-.553v2.095h2.102V9.63zm8.329 5.922_.749-.83 1.128-1.89 1.128-3.186 0-1.257-.362-2.285-1.096-3.075-.765-.822-1.78-1.233-3.037-1.233-1.305 0-2.344.419-3.117 1.249-.765.83-1.152 1.897-1.152 3.202 0 1.249.37 2.285 1.12 3.099s1.756 1.225 3.013 1.225_1.305 0 2.352-.427 3.142-1.281zm-1.353-5.131c.338.553.508 1.21.508 1.984_-.177 1.439-.524 2.008c-.419.68-.991 1.02-1.716 1.02-.741 0-1.321-.332-1.732-1.004-.338-.546-.508-1.21-.508-1.984 0-.799.161-1.471.508-2.024.395-.672.983-1.004 1.748-1.004.741 0 1.313.332 1.716 1.004zm8.683-.553c-.185-.032-.387-.047-.604-.047-.669 0-1.192.245-1.555.743-.314.435-.475.996-.475 1.66v4.419h-1.909v-5.771l-.056-2.649h1.659l.072 1.613h.056c.201-.553.516-1.004.951-1.336.427-.3.886-.451 1.377-.451_4.09 4.09 0 0 1 .475.032_.008 1.787zm8.451 3.012c.048-.229.072-.514.072-.846 0-1.051-.258-1.929-.765-2.656-.628-.901-1.571-1.352-2.803-1.352-1.257 0-2.255.451-2.997 1.352-.709.846-1.063 1.905-1.063 3.17 0 1.289.379 2.324 1.136 3.091s1.804 1.154 3.133 1.154_1.104 0 2.062-.174 2.876-.522l-.298-1.297c-.693.261-1.466.395-2.312.395-.765 0-1.386-.198-1.869-.585-.532-.435-.806-1.075-.83-1.905h5.719zm-2.119-2.767c.258.403.387.886.371 1.439_-3.963-.008_.056-.561.25-1.051.564-1.455_1.82 1.82 0 0 1 1.514-.759_.677 0 1.184.261 1.514.783z"/></svg>
</a> 

                     

                   

                 

               

             

           



           
           

             
Shapes 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     

                       
                       
                       
                     

                     
                     
                     
                   

                   

                     

                       
                       
<!-- Alter the shape __ .btn component with .rounded-* _______ classes. -->

<!-- Rounded solid ______ -->
<button type="button" class="btn btn-primary">Rounded</button>

<!-- ____ solid button -->
<button type="button" _____="___ btn-primary rounded-pill">Pill button</button>

<!-- Square _____ button -->
<button type="button" class="btn ___-_______ rounded-0">Square</button>

<!-- Rounded outline button --&__;
&__;______ type="button" class="btn btn-outline-primary">Rounded</button>

<!-- Pill _______ button -->
<button type="button" class="btn ___-_______-_______ rounded-pill">Pill button</button>

<!-- Square outline ______ -->
<button type="button" class="btn btn-outline-primary _______-0"&__;______&__;/______&__; 

                     

                   

                 

               

             

           



           
           

             
Sizes 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     

                     
                     
                     
                     

                       

                         
                       

                       

                         
                       

                     

                   

                   

                     

                       
                       
<!-- Large solid button --&__;
&__;______ type="button" class="btn btn-primary btn-lg">Large ______&__;/______&__;

&__;!-- Normal solid button -->
<button ____="______" class="btn btn-primary">Normal button</button>

<!-- Small _____ button -->
<button type="button" class="btn ___-_______ btn-sm">Small button</button>

<!-- Large outline ______ -->
<button type="button" class="btn btn-outline-primary ___-__"&__;_____ button</button>

<!-- Normal outline button --&__;
&__;______ type="button" class="btn btn-outline-primary">Normal button</button>

<!-- _____ outline button -->
<button type="button" _____="___ btn-outline-primary btn-sm">Small button</button>

<!-- Block _____ solid button -->
<button type="button" _____="___ btn-primary w-100">Block level button</button>

<!-- _____ level outline button -->
<button ____="______" class="btn btn-outline-primary w-100">Block level ______&__;/______&__; 

                     

                   

                 

               

             

           



           
           

             
States 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                     
                     
                   

                   

                     

                       
                       
<!-- Button states -->
<button ____="______" class="btn btn-primary active">Active</button>
<button type="button" _____="___ btn-secondary active">Active</button>
<button type="button" class="btn ___-_______" disabled>Disabled</button>
<button type="button" class="btn btn-secondary" ________&__;________&__;/______&__;
&__;______ type="button" class="btn btn-primary" data-bs-toggle="button">Button ______&__;/______&__;
&__;______ type="button" class="btn btn-primary pe-none">
  <span class="spinner-border spinner-border-sm ms-n1 __-2" role="status" aria-hidden="true"></span>
  Loading...
</button>
<button ____="______" class="btn btn-secondary pe-none">
  &__;____ class="spinner-grow spinner-grow-sm ms-n1 me-2" ____="______" aria-hidden="true"></span>
  Loading...
</button> 

                     

                   

                 

               

             

           

         

       

     



     
     

       
        Top
         
         
         
           
         
       
       
        Customize