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

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">


           
Utilities & helpers

Cartzilla utilities

Custom Cartzilla utility classes.

Dotted background

.bg-dotted
Primary
Success
Danger
Warning
Info
Dark
<!-- Default dotted background --&__;
&__;___ class="bg-dotted p-4">...</div>

<!-- Primary dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-primary)">...</div>

<!-- Success dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-success)">...</div>

<!-- Danger dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-______-__-______); --cz-dot-color: var(--cz-danger)">...</div>

<!-- Warning dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-warning)">...</div>

<!-- Info dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-____-__-______); --cz-dot-color: var(--cz-info)">...</div>

<!-- Dark dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-____-__-______); --cz-dot-color: var(--cz-dark)">...</div> 

Borders

.border-dashed
.border-dotted
<!-- Dashed border -->
<div _____="______ border-dashed p-4">...</div>

<!-- Dotted border --&__;
&__;___ class="border border-dotted p-4">...</div> 

Cursors

.cursor-pointer
.cursor-default
.cursor-help
.cursor-wait
.cursor-crosshair
.cursor-not-allowed
.cursor-zoom-in
.cursor-zoom-out
.cursor-grab
<!-- Pointer cursor -->
<div _____="______-_______"&__;...&__;/___&__;

&__;!-- Default cursor -->
<div class="cursor-default">...</div>

<!-- ____ cursor -->
<div class="cursor-help">...</div>

<!-- Wait ______ -->
<div class="cursor-wait">...</div>

<!-- Crosshair cursor --&__;
&__;___ class="cursor-crosshair">...</div>

<!-- Not allowed cursor --&__;
&__;___ class="cursor-not-allowed">...</div>

<!-- Zoom in cursor --&__;
&__;___ class="cursor-zoom-in">...</div>

<!-- Zoom out cursor --&__;
&__;___ class="cursor-zoom-out">...</div>

<!-- Grab cursor -->
<div _____="______-____"&__;...&__;/___&__; 
Top Customize