Start Here
Introduction
Download
Syntax
Core Concepts
Aspect Ratio
Border Radius
Border Size
Border Style
Cursor
Display
Flex
Flex Alignment
Flex Direction
Flex Grow
Flex Position
Flex Size
Flex Width
Font
Gap
Height
Margin
Padding
Spacing
Width
UI Effects
Animations
Single Box
Multi Box
3D Box
Other
Box Shadows
OutSet Shadow
InSet Shadow
Text Shadow
OutSet Shadow
InSet Shadow
UI Widgets
Accordion
Buttons
Calendar
Card
Checks & Radio
Data Tables
Drag And Drop
DropDown
DropDown Multi Select
Gallery
Keypad
Pagination
Pop-Up
Progress Bar
Qty Selector
Skeleton
Spinners
Suggestion
Tabs
Toasts
Slider
Text Boxes
Text Editor
Tool Tip
Icons
Theme Color Shade
Color Shade
Text Color
Background Color
Border Color
Gradient
Text Gradient
Single Color
Double Color
Triple Color
Background Gradient
Single Color
Double Color
Triple Color
Border Gradient
Single Color
Double Color
Triple Color
Other Pages
Components
Top Nav 1
Top Nav 2
Side Nav 1
Side Nav 2
Login 1
Forget Password
Apps
Add Data
Nav First Level
Nav Second Level
Nav Third Level
N
A
V

My Apps

Contact
Book
Organiser
Youtube
Blogs
Hotel
Accounts
POS
Source Code 

<div class="DyFx FxWp Pg20 BrRs10 MnTpBm20 CrBdWe91">

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdBe60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-UserMaleFemale"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Contact</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdGn60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-BookWriteFurLine"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Book</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdGy60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-CalenderLine"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Organiser</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdRd60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-Youtube"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Youtube</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdPk60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-BlogPencilSolid"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Blogs</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdBn60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-HotelBuilding"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Hotel</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdPe60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-AccountLine"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">Accounts</div>
            </a>
        </div>
    </div>

    <div class="FxWhHf25 Pg15">
        <div class="DyFx FxDnCn FxJyCtCr FxAnIsCr Pg10 CrBdBk60 BrRs8">
            <a href="#">
                <div class="FtSe100"><i class="CT-BillingLine"></i> </div>
            </a>
            <a href="#">
                <div class="FtSe20 FtWt600">POS</div>
            </a>
        </div>
    </div>

</div>
Web Tool
Celebrate Tech © 2008 - 2024
Welcome Amit
  Logout
  Change Password
  Change Email

Loading...