Menu

logo

Base CSS

   Jaidee Framework use default 14 px font. All module was designed for support responsive design. Jaidee Framework come with HTML reset. When web developer use Jaidee Framework for your website,web developer doesn't use other HTML reset. Jaidee Framework is easy to customize in 1 file. File jaidee.css in css folder is main css file; web developer doesn't need edit it. Jaidee Framework support theme which our design or your design. The way to create own theme is edit file skytheme.css; it is default theme for Jaidee.


Typography

   We simplify web development. Jaidee Framework comes with beautiful typography. This typography is proper for every website. Jaidee include Heading sizes, List, Form and more.

1.Heading

H1 Heading 1

H2 Heading 2

H3 Heading 3

H4 Heading 4

H5 Heading 5
H6 Heading 6
	<h1>H1 Heading 1</h1>
	<h2>H2 Heading 2</h2>
	<h3>H3 Heading 3</h3>
	<h4>H4 Heading 4</h4>
	<h5>H5 Heading 5</h5>
	<h6>H6 Heading 6</h6>

2.Body Content

Jaidee used font-size default 12 px

<p>........................................................</p>

<p> use for paragraph

example

Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development. Jaidee Framework is Graceful and powerful HTML & CSS Framework for building flexible and responsive website and mobile app development.

Bold

For emphasizing a snippet of text with a heavier font-weight


Test this text


Use <b>text</b>

Italics

For emphasizing a snippet of text with italics.


Test this text


Use <i>text</i>

Alignment Text

Easily realign text to components with text alignment

Test this text

Test this text

Test this text


Use <p class="text-left">text</p>

Use <p class="text-right">text</p>

Use <p class="text-center">text</p>

Automatic adjust media size

If you want to automatic adjust images size for any device, you should instert this code in your webpage


instert in class tag   	
<img class="flexible">
<object class="flexible"></object>
<video class="flexible"></video>

Blockquotes

For quoting blocks of content from another source within your document.

Jaidee Framework for every website

<blockquote>Jaidee Framework for every website</blockquote>

List Menu

A list of items

  • Type 1 Unit1
  • Type 1 Unit2
  • Type 1 Unit3
    • Type 2 Unit1
    • Type 2 Unit2

<ul>
   <li>Type 1 Unit1</li>
   <li>Type 1 Unit2</li>
   <li>Type 1 Unit3
   <ul>
     <li>Type 2 Unit1</li>
      <li>Type 2 Unit2</li>
   </ul>
   </li>
</ul>
		

3.Form






<form action="" method="">
<input type="text" >
<textarea class="input" ></textarea>
<select>
<option>List 1</option>
<option>List 2</option>
<option>List 3</option>
</select>
<label>
<input type="checkbox" value="option1"> 1
</label>
<label>
<input type="checkbox" value="option2"> 2
</label>
<label>
<input type="radio" name="op" value="option1"> Option 1 </label>
<label>
<input type="radio" name="op" value="option2"> Option 2 </label>
</form>

4.Buttons

Our Jaidee Framework has standard buttons to select the appropriate task. You can select the following.




<button class="minimal">Default</button> 
<button class="clean-gray">Type Submit</button>
<button class="cupid-green">Type success</button>
<button class="blue">Type Info</button>
<button class="red">Type Danger</button>
<button class="yellow">Type Warning</button>

Table

1.11.21.3
2.12.22.3
3.13.23.3

<table class="table">
<tr bgcolor="#FCFCFC"><td>1.1</td><td>1.2</td><td>1.3</td></tr>
<tr><td>2.1</td><td>2.2</td><td>2.3</td></tr>
<tr><td>3.1</td><td>3.2</td><td>3.3</td></tr>
</table>

5.Icon by Glyphicons

icon-eye-close

icon-warning-sign

icon-plane

icon-calendar

icon-random

icon-comment

icon-magnet

icon-chevron-up

icon-chevron-down

icon-retweet

icon-shopping-cart

icon-folder-close

icon-folder-open

icon-resize-vertical

icon-resize-horizontal

icon-hdd

icon-bullhorn

icon-bell

icon-certificate

icon-thumbs-up

icon-thumbs-down

icon-hand-right

icon-hand-left

icon-hand-up

icon-hand-down

icon-circle-arrow-right

icon-circle-arrow-left

icon-circle-arrow-up

icon-circle-arrow-down

icon-globe

icon-wrench

icon-tasks

icon-filter

icon-briefcase

icon-fullscreen

icon-backward

icon-play

icon-pause

icon-stop

icon-forward

icon-fast-forward

icon-step-forward

icon-eject

icon-chevron-left

icon-chevron-right

icon-plus-sign

icon-minus-sign

icon-remove-sign

icon-ok-sign

icon-question-sign

icon-info-sign

icon-screenshot

icon-remove-circle

icon-ok-circle

icon-ban-circle

icon-arrow-left

icon-arrow-right

icon-arrow-up

icon-arrow-down

icon-share-alt

icon-resize-full

icon-resize-small

icon-plus

icon-minus

icon-asterisk

icon-exclamation-sign

icon-gift

icon-leaf

icon-fire

icon-eye-open

icon-glass

icon-music

icon-search

icon-envelope

icon-heart

icon-star

icon-star-empty

icon-user

icon-film

icon-th-large

icon-th

icon-th-list

icon-ok

icon-remove

icon-zoom-in

icon-zoom-out

icon-off

icon-signal

icon-cog

icon-trash

icon-home

icon-file

icon-time

icon-road

icon-download-alt

icon-download

icon-upload

icon-inbox

icon-play-circle

icon-repeat

icon-refresh

icon-list-alt

icon-lock

icon-flag

icon-headphones

icon-volume-off

icon-volume-down

icon-volume-up

icon-qrcode

icon-barcode

icon-tag

icon-tags

icon-book

icon-bookmark

icon-print

icon-camera

icon-font

icon-bold

icon-italic

icon-text-height

icon-text-width

icon-align-left

icon-align-center

icon-align-right

icon-align-justify

icon-list

icon-indent-left

icon-indent-right

icon-facetime-video

icon-picture

icon-pencil

icon-map-marker

icon-adjust

icon-tint

icon-edit

icon-share

icon-check

icon-move

icon-step-backward

icon-fast-backward


Icon with dark shade
<p><i class="icon-eye-close"></i> icon-eye-close</p>
<p><i class="icon-warning-sign"></i> icon-warning-sign</p>

Icon with with shade
<p><i class="icon-eye-close icon-white"></i> icon-eye-close</p>
<p><i class="icon-warning-sign icon-white"></i> icon-warning-sign</p>