Logo
avatar
Ninfa Monaldo

Web Developer

  • Dashboard
  • dashboardnew
    • Ecommerce
    • Project
  • apps
    • Calendar
    • Profile Page
      • Profile
      • Setting
    • Projects Page
      • Projects
      • Projects Details
    • To-Do
    • Team
    • Api
    • Ticket
      • Ticket
      • Ticket Details
    • Emails Page
      • Email
      • Read Email
    • E-shop
      • Cart
      • Product
      • Add Product
      • Product-Details
      • Product list
      • Orders
      • Orders Details
      • Orders List
      • Checkout
      • Wishlist
    • Invoice
    • Chat
    • File Manager
    • Bookmark
    • kanban board
    • Timeline
    • FAQ
    • Pricing
    • Gallery
    • Blog Page
      • Blog
      • Blog Details
      • Add Blog
  • Widgets
  • Component
  • Ui Kits
    • Alert
    • Badges
    • Buttons
    • Cards
    • Dropdown
    • Grid
    • Avatar
    • Tabs
    • Accordions
    • Progress
    • Notifications
    • Lists
    • Helper Classes
    • Background
    • Divider
    • Ribbons
    • Editor
    • Collapse
    • Shadow
    • Wrapper
    • Bullet
    • Placeholder
    • Alignment Things
  • Advanced UI12+
    • Modals
    • OffCanvas Toggle
    • Sweet Alert
    • Scrollbar
    • Spinners
    • Animation
    • Video Embed
    • Tour
    • Slider
    • Bootstrap Slider
    • Scrollpy
    • Tooltip & Popovers
    • Rating
    • Prismjs
    • Count Down
    • Count Up
    • Draggable
  • Icons
    • Fontawesome
    • Flag
    • Tabler
    • Weather
    • Animated
    • Iconoir
    • Phosphor
  • Misc
  • Map & Charts
  • Map & Charts
    • Google Maps
    • Leaflet map
  • Chart
    • Chart js
    • Apexcharts
      • Line
      • Area
      • Column
      • Bar
      • Mixed
      • Timeline & Range-Bars
      • Candlestick
      • Boxplot
      • Bubble
      • Scatter
      • Heatmap
      • Treemap
      • Pie
      • Radial bar
      • Radar
  • Table & forms
  • Table
    • Basic Table
    • Data Table
    • List Js
    • Advance Table
  • Forms elements
    • Form Validation
    • Base Input
    • Checkbox & Radio
    • Input Groups
    • Input Masks
    • Floating Labels
    • Datetimepicker
    • Touch spin
    • Select2
    • Switch
    • Range Slider
    • Typeahead
    • Textarea
    • Clipboard
    • File Upload
    • Dual List Boxes
    • Default Forms
  • Ready to use4
    • Form Wizards
    • Form Wizards 1
    • Form Wizards 2
    • Ready To Use Form
    • Ready To Use Tables
  • Pages
  • Auth Pages
    • Sign In
    • Sign In with Bg-image
    • Sign Up
    • Sign Up with Bg-image
    • Password Reset
    • Password Reset with Bg-image
    • Password Create
    • Password Create with Bg-image
    • Lock Screen
    • Lock Screen with Bg-image
    • Two Step Verification
    • Two Step Verification with Bg-image
  • Error pages
    • Bad Request
    • Forbidden
    • Not Found
    • Internal Server Error
    • Service Unavailable
  • Other pages
    • Blank
    • Maintenance
    • Landing Pages
    • Coming Soon
    • Sitemap
    • Privacy Policy
    • Terms & Conditions
  • Others
  • 2 level
    • Blank
    • Another level
      • Blank
  • Document
  • Support

Helper Classes

  • Ui Kits
  • Helper Classes
Text Color
Using text-* class for text color
- .text-primary- .text-secondary- .text-success- .text-danger- .text-warning- .text-info- .text-light- .text-dark
Link Color
Using link-* class for link color
- link-primary- link-secondary- link-success- link-danger- link-warning- link-info- link-light- link-dark
Text Background Color
Using txt-bg-* class for light background
- .txt-bg-primary- .txt-bg-secondary- .txt-bg-success- .txt-bg-danger- .txt-bg-warning- .txt-bg-info- .txt-bg-light- .txt-bg-dark
Text Align
using using text-* class for text align
- Text Align Text-Lowercase
- Text Align Text-Uppercase
- Text Align Text-Capitalize
- Text Align Text Align Center
- Text Align Text Align Start
- Text Align Text Align End
Text Decoration
using using text-d-* class for text decoration
- Text Decoration underline
- Text Decoration line-through
- Text Decoration overline
Font Style
using using f-fs-* class for font style
- Font Style Normal
- Font Style Italic
- Font Style Oblique
- Font Style Initial
- Font Style Inherit
Headings
using using h1 to h6 class for Headings
- Headings h1
- Headings h2
- Headings h3
- Headings h4
- Headings h5
- Headings h6
Font Weight
using using f-fw-* class for font weight
- Font Weight (100)
- Font Weight (200)
- Font Weight (300)
- Font Weight (400)
- Font Weight (500)
- Font Weight (600)
- Font Weight (700)
- Font Weight (800)
- Font Weight (900)
Font Size
using using f-s-* class for font size
- Font Size Size-1
- Font Size Size-2
- Font Size Size-3
- Font Size Size-4
- Font Size Size-5
- Font Size Size-6
Padding
Using pa-* class for Padding

Padding-2

Padding-4

Padding-8

Padding-10

Padding-14

Padding-16

Padding List

- pa-1

- pa-2

- pa-3

- pa-4

- pa-5

- pa-6

- pa-7

- pa-8

- pa-9

- pa-10

- pa-11

- pa-12

- pa-13

- pa-14

- pa-15

- pa-16

- pa-17

- pa-18

- pa-19

- pa-20

- pa-21

- pa-22

- pa-23

- pa-24

- pa-25

- pa-26

- pa-27

- pa-28

- pa-29

- pa-30

- pa-31

- pa-32

- pa-33

- pa-34

- pa-35

- pa-36

- pa-37

- pa-38

- pa-39

- pa-40

Side Padding
Using pd-t-*/pd-s-*/pd-e-*/pd-b-* class for Padding

Top 40

Start 40

End 40

Bottom 40

Side Padding List

- padding top

- pa-t-4

- pa-t-8

- pa-t-10

- pa-t-14

- pa-t-18

- pa-t-20

- pa-t-24

- pa-t-28

- pa-t-30

- pa-t-34

- pa-t-38

- pa-t-40

- padding start

- pa-s-4

- pa-s-8

- pa-s-10

- pa-s-14

- pa-s-18

- pa-s-20

- pa-s-24

- pa-s-28

- pa-s-30

- pa-s-34

- pa-s-38

- pa-s-40

- padding end

- pa-e-4

- pa-e-8

- pa-e-10

- pa-e-14

- pa-e-18

- pa-e-20

- pa-e-24

- pa-e-28

- pa-e-30

- pa-e-34

- pa-e-38

- pa-e-40

- padding bottom

- pa-b-4

- pa-b-8

- pa-b-10

- pa-b-14

- pa-b-18

- pa-b-20

- pa-b-24

- pa-b-28

- pa-b-30

- pa-b-34

- pa-b-38

- pa-b-40

Margin
Using mg-* class for Margin
Margin-40
Margin-34
Margin-30
Margin-28
Margin-24
Margin-20
Margin-14
Margin-10
Margin-4
Margin List

- mg-1

- mg-2

- mg-3

- mg-4

- mg-5

- mg-6

- mg-7

- mg-8

- mg-9

- mg-10

- mg-11

- mg-12

- mg-13

- mg-14

- mg-15

- mg-16

- mg-17

- mg-18

- mg-19

- mg-20

- mg-21

- mg-22

- mg-23

- mg-24

- mg-25

- mg-26

- mg-27

- mg-28

- mg-29

- mg-30

- mg-31

- mg-32

- mg-33

- mg-34

- mg-35

- mg-36

- mg-37

- mg-38

- mg-39

- mg-40

Side Margin
Using mg-t-*/mg-s-*/mg-e-*/mg-b-* class for Margin

mg-T-40

mg-S-40

mg-E-40

mg-B-40

Side Margin List

- Margin t

- mg-t-4

- mg-t-8

- mg-t-10

- mg-t-14

- mg-t-18

- mg-t-20

- mg-t-24

- mg-t-28

- mg-t-30

- mg-t-34

- mg-t-38

- mg-t-40

- Margin s

- mg-s-4

- mg-s-8

- mg-s-10

- mg-s-14

- mg-s-18

- mg-s-20

- mg-s-24

- mg-s-28

- mg-s-30

- mg-s-34

- mg-s-38

- mg-s-40

- Margin e

- mg-e-4

- mg-e-8

- mg-e-10

- mg-e-14

- mg-e-18

- mg-e-20

- mg-e-24

- mg-e-28

- mg-e-30

- mg-e-34

- mg-e-38

- mg-e-40

- Margin b

- mg-b-4

- mg-b-8

- mg-b-10

- mg-b-14

- mg-b-18

- mg-b-20

- mg-b-24

- mg-b-28

- mg-b-30

- mg-b-34

- mg-b-38

- mg-b-40

Width and Height
using w-*/h-* class for size
200*200
150*150
110*110
90*90
80*80
60*60
50*50
Radius
using rounded*/rounded-top*/rounded-end*/rounded-bottom*/ rounded-start*/rounded-pill*/rounded-circle* class for Radius
imgimgimgimgimgimgimg
Border
using b-* class for border
border
border-t
border-s
border-e
border-b
Side Border
border-0
border-t-0
border-s-0
border-e-0
border-b-0
Border Color
b-1-primary
b-1-secondary
b-1-success
b-1-danger
b-1-warning
b-1-info
b-1-light
b-1-dark
Border Width
b-1-primary
b-3-primary
b-5-primary
b-7-primary
b-9-primary
b-11-primary
b-13-primary
b-15-primary
b-16-primary
Border Radius
b-r-5
b-r-10
b-r-15
b-r-20
b-r-25
b-r-30
Border Dashed Style
dashed-1-primary
dashed-2-secondary
dashed-3-success
dashed-4-warning
dashed-5-danger
dashed-6-dark
dashed-8-info
Border Dotted Style
dotted-1-primary
dotted-2-secondary
dotted-3-success
dotted-4-warning
dotted-5-danger
dotted-6-dark
dotted-8-info
Rotate
90°
180°
270°
-90°
-180°
-280°

© 2025 ki-admin. All rights reserved 💖 V1.0.0

Need Help