Codewit Official

Codewit uses its own designed css classes along with bootstrap ( one of the best frontend designing framework ) to fastly write css code in html which is very much time consuming and reusable.

Note:

Must use Bootstrap along with CWI.
Use the !cwi snippet to create your complete starter template which consists the CDN of both Bootstrap and CWI.
All the CWI css classes are mentioned below. You can refer to that before using them in your html file.

CWI CSS Classes

Get Started

!cwi -- CWI Starter Template
cwi-css -- CWI css stylesheet link
cwi-js -- CWI js script link

Snippets Reference

Buttons

• !btn-1

<button class="btn btn-1 btn-nofocus btn-ripple"></button>

• !btn-2

<button class="btn btn-2 btn-nofocus btn-ripple"></button>

• !btn-3

<button class="btn btn-3 btn-nofocus btn-ripple"></button>

• !btn-4

<button class="btn btn-4 btn-nofocus btn-ripple"></button>

• !btn-5

<button class="btn btn-5 btn-nofocus btn-ripple"></button>

• !btn-6

<button class="btn btn-6 btn-nofocus btn-ripple"></button>

• !btn-7

<button class="btn btn-7 btn-nofocus btn-ripple"></button>

• !btn-prime

<button class="btn btn-prime btn-nofocus btn-ripple"></button>

Navbars

navbar-1

• !navbar-1

navbar-2

• !navbar-2

navbar-3

• !navbar-3

Note:

Get tuned for latest updates......