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
               
             
             
Spinners 

             
Indicate the loading state __ a component or page. 

           



           
           

             
Border spinner 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                     
                     
                     
                     

                       
                     

                     

                       
                     

                   

                   

                     

                       
                       
<!-- Default spinner -->
<div _____="_______-______" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- ____ spinner -->
<div class="spinner-border text-body-tertiary" ____="______"&__;
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Primary _______ -->
<div class="spinner-border text-primary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Secondary spinner --&__;
&__;___ class="spinner-border text-secondary" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Success spinner -->
<div _____="_______-______ text-success" role="status">
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/___&__;

&__;!-- Danger spinner -->
<div class="spinner-border ____-______" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- _______ spinner -->
<div class="spinner-border text-warning" ____="______"&__;
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Info _______ -->
<div class="spinner-border text-info" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Light spinner --&__;
&__;___ class="spinner-border text-light" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Dark spinner -->
<div _____="_______-______ text-dark" role="status">
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/___&__; 

                     

                   

                 

               

             

           



           
           

             
Growing spinner 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                     
                     
                     
                     
                     

                       
                     

                     

                       
                     

                   

                   

                     

                       
                       
<!-- Default spinner -->
<div _____="_______-____" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- ____ spinner -->
<div class="spinner-grow text-body-tertiary" ____="______"&__;
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Primary _______ -->
<div class="spinner-grow text-primary" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Secondary spinner --&__;
&__;___ class="spinner-grow text-secondary" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Success spinner -->
<div _____="_______-____ text-success" role="status">
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/___&__;

&__;!-- Danger spinner -->
<div class="spinner-grow ____-______" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- _______ spinner -->
<div class="spinner-grow text-warning" ____="______"&__;
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Info _______ -->
<div class="spinner-grow text-info" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

<!-- Light spinner --&__;
&__;___ class="spinner-grow text-light" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Dark spinner -->
<div _____="_______-____ text-dark" role="status">
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/___&__; 

                     

                   

                 

               

             

           



           
           

             
Sizing 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     

                       
                       
                     

                     

                       
                       
                     

                   

                   

                     

                       
                       
<!-- Small border spinner --&__;
&__;___ class="spinner-border spinner-border-sm" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Small growing spinner --&__;
&__;___ class="spinner-grow spinner-grow-sm" role="status">
  &__;____ class="visually-hidden">Loading...</span>
</div>

<!-- Custom size border _______ -->
<div class="spinner-border" style="width: 3rem; ______: 3rem;" role="status">
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/___&__;

&__;!-- Custom size growing spinner --&__;
&__;___ class="spinner-grow" style="width: 3rem; height: 3___;" role="status">
  <span class="visually-hidden">Loading...</span>
</div> 

                     

                   

                 

               

             

           



           
           

             
Inside button 

             

               
               

                 
    
                   
                   
                 

                 

                   

                     
                     
                     
                     
                   

                   

                     

                       
                       
<!-- Button with border _______ -->
<button type="button" class="btn btn-primary ___-____ pe-none">
  <span class="spinner-border _______-______-__" role="status" aria-hidden="true"></span>
  <span _____="________-______"&__;_______...&__;/____&__;
&__;/______&__;

&__;!-- Button with border spinner ___ text -->
<button type="button" class="btn ___-_______ pe-none">
  <span class="spinner-border _______-______-__ me-2" role="status" aria-hidden="true"></span>
  _______...
&__;/______&__;

&__;!-- Button with growing spinner --&__;
&__;______ type="button" class="btn btn-outline-secondary btn-icon __-____"&__;
  <span class="spinner-grow spinner-grow-sm" ____="______" aria-hidden="true"></span>
  <span class="visually-hidden">Loading...</span>
</button>

<!-- ______ with growing spinner and ____ -->
<button type="button" class="btn btn-outline-secondary __-____"&__;
  <span class="spinner-grow spinner-grow-sm __-2" role="status" aria-hidden="true"></span>
  Loading...
</button> 

                     

                   

                 

               

             

           

         

       

     



     
     

       
        Top
         
         
         
           
         
       
       
        Customize