Memory Usage

32.3%

CPU Usage

140.05

Disk Usage

82.02%

Daily Traffic

62,201

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

03:53:20 PM

July 25, 2025 FRI
+ Add Event

Input Form Skins

Simple, small and fast javascript/jquery slider element.

Below is the default style for form input in light and dark.

<input type="text" class="form-control" placeholder="Enter your name">

An input style with border and transaprent background.

<input type="text" class="form-control fc-outline" placeholder="Enter your name"><input type="text" class="form-control fc-outline-dark" placeholder="Enter your name">

An input style with colored border when input is in focus.

<input type="text" class="form-control fc-focus-success" placeholder="Enter your name"><input type="text" class="form-control fc-outline-dark fc-focus-success" placeholder="Enter your name">
Class Value
class="form-control fc-focus-[value]" primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

An input group style with a combination of utilities classes.

<div class="input-group">  <div class="input-group-prepend">    <span class="input-group-text bg-primary tx-white bd-primary"><i class="icon ion-person tx-16 lh-0 op-6"></i></span>  </div><!-- input-group-prepend -->  <input type="text" class="form-control bd-primary fc-focus-primary" placeholder="Username"></div>
Class Value
.bd-[value] primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark
.bg-[value]
.fc-focus-[value]