0xV3NOMx
Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64

Your IP : 13.59.82.60

Current Path : /var/www/html/kusdde_tobedeleted/adm/documentation/templates/
Upload File :
Current File : /var/www/html/kusdde_tobedeleted/adm/documentation/templates/colors.html

<div class="block-header">
    <h2>COLORS</h2>
</div>
<div class="card">
    <div class="header">
        <h2>BACKGROUND COLOR</h2>
    </div>
    <div class="body">
        <div class="clearfix row">
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-red">
                    <div class="color-name">RED</div>
                    <div class="color-code">#F44336</div>
                    <div class="color-class-name">bg-red</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-pink">
                    <div class="color-name">PINK</div>
                    <div class="color-code">#E91E63</div>
                    <div class="color-class-name">bg-pink</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-purple">
                    <div class="color-name">PURPLE</div>
                    <div class="color-code">#9C27B0</div>
                    <div class="color-class-name">bg-purple</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-deep-purple">
                    <div class="color-name">DEEP PURPLE</div>
                    <div class="color-code">#673AB7</div>
                    <div class="color-class-name">bg-deep-purple</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-indigo">
                    <div class="color-name">INDIGO</div>
                    <div class="color-code">#3F51B5</div>
                    <div class="color-class-name">bg-indigo</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-blue">
                    <div class="color-name">BLUE</div>
                    <div class="color-code">#2196F3</div>
                    <div class="color-class-name">bg-blue</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-light-blue">
                    <div class="color-name">LIGHT BLUE</div>
                    <div class="color-code">#03A9F4</div>
                    <div class="color-class-name">bg-light-blue</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-cyan">
                    <div class="color-name">CYAN</div>
                    <div class="color-code">#00BCD4</div>
                    <div class="color-class-name">bg-cyan</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-teal">
                    <div class="color-name">TEAL</div>
                    <div class="color-code">#009688</div>
                    <div class="color-class-name">bg-teal</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-green">
                    <div class="color-name">GREEN</div>
                    <div class="color-code">#4CAF50</div>
                    <div class="color-class-name">bg-green</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-light-green">
                    <div class="color-name">LIGHT GREEN</div>
                    <div class="color-code">#8BC34A</div>
                    <div class="color-class-name">bg-light-green</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-lime">
                    <div class="color-name">LIME</div>
                    <div class="color-code">#CDDC39</div>
                    <div class="color-class-name">bg-lime</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-yellow">
                    <div class="color-name">YELLOW</div>
                    <div class="color-code">#FFEB3B</div>
                    <div class="color-class-name">bg-yellow</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-amber">
                    <div class="color-name">AMBER</div>
                    <div class="color-code">#FFC107</div>
                    <div class="color-class-name">bg-amber</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-orange">
                    <div class="color-name">ORANGE</div>
                    <div class="color-code">#FF9800</div>
                    <div class="color-class-name">bg-orange</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-deep-orange">
                    <div class="color-name">DEEP ORANGE</div>
                    <div class="color-code">#FF5722</div>
                    <div class="color-class-name">bg-deep-orange</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-brown">
                    <div class="color-name">BROWN</div>
                    <div class="color-code">#795548</div>
                    <div class="color-class-name">bg-brown</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-grey">
                    <div class="color-name">GREY</div>
                    <div class="color-code">#9E9E9E</div>
                    <div class="color-class-name">bg-grey</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-blue-grey">
                    <div class="color-name">BLUE GREY</div>
                    <div class="color-code">#607D8B</div>
                    <div class="color-class-name">bg-blue-grey</div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 col-lg-3">
                <div class="demo-color-box bg-black">
                    <div class="color-name">BLACK</div>
                    <div class="color-code">#000000</div>
                    <div class="color-class-name">bg-black</div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="card">
    <div class="header">
        <h2>TEXT COLORS</h2>
    </div>
    <div class="body">
        <div class="row clearfix">
            <div class="col-md-3">
                <div class="font-bold col-red">col-red</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-pink">col-pink</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-purple">col-purple</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-deep-purple">col-deep-purple</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-indigo">col-indigo</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-blue">col-blue</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-light-blue">col-light-blue</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-cyan">col-cyan</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-teal">col-teal</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-green">col-green</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-light-green">col-light-green</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-lime">col-lime</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-yellow">col-yellow</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-amber">col-amber</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-orange">col-orange</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-deep-orange">col-deep-orange</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-brown">col-brown</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-grey">col-grey</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-blue-grey">col-blue-grey</div>
            </div>
            <div class="col-md-3">
                <div class="font-bold col-black">col-black</div>
            </div>
        </div>
    </div>
</div>