Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <meta charset='utf-8'>
- <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
- <title>CustomForm ShownInTab</title>
- <meta name='description' content='FormDemo'>
- <meta name='author' content='DeveloperName'>
- <!-- CommentAreaForCodes -->
- <!-- Webfonts -->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
- <!-- Additional styles -->
- <link rel='stylesheet' href='css/styles/form.css?v=1'>
- <link rel='stylesheet' href='css/styles/switches.css?v=1'>
- </head>
- <body class='clearfix with-menu with-shortcuts'>
- <!-- Prompt IE 6 users to install Chrome Frame -->
- <!--[if lt IE 7]><p class='message red-gradient simpler'>Your browser is <em>ancient!</em> <a href='http://browsehappy.com/'>Upgrade to a different browser</a> or <a href='http://www.google.com/chromeframe/?redirect=true'>install Google Chrome Frame</a> to experience this site.</p><![endif]-->
- <!-- Title bar -->
- <header role='banner' id='title-bar'>
- <h2>TitleBar: CustomForm</h2>
- </header>
- <center>This will center your contents</center><br>
- This is an <em>Example</em> of using the emphasis tag<br><br>
- font: <font face='arial black' size=5 color='orange'>Arial Black in Orange</font>
- <br>
- <form method=post action="/cgi-bin/example.cgi">
- <input type="text" style="color: #ffffff; font-family: Verdana; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
- <input type="Submit" value="Submit">
- </form>
- <br>
- <script src="http://g.tbcdn.cn/kissy/k/1.3.2/seed.js" data-config="{combine:true}"></script>
- Textbox:<br>
- <textarea id = 'myTextArea'
- rows = '5'
- cols = '80'>Write new text... (-- WIP: to be ghosted when empty)</textarea>
- <style>
- div {
- color: blue;
- font: 16px Helvetica, sans-serif;
- margin: 2px;
- }
- }</style>
- <div id='myOutput'>>>> Entries in the textbox above should actively display here <<< </div>
- <script>
- KISSY.use("node",function(S,Node){
- var $=Node.all;
- $("#myTextArea").on("valuechange",function(e){
- $("#myOutput").html(e.newVal);
- });
- });
- </script><br>
- <fieldset class='fieldset'>
- <legend class='legend'><big>Checkables:</big></legend>
- <span class='label'>Radios: </span>
- <label for='button-radio-1'>
- <input type='radio' name='button-radio' id='button-radio-1' value='1' checked>
- First
- </label>
- <label for='button-radio-2'>
- <input type='radio' name='button-radio' id='button-radio-2' value='2'>
- Second
- </label>
- <label for='button-radio-3'>
- <input type='radio' name='button-radio' id='button-radio-3' value='3'>
- Third
- </label>
- <p class='button-height inline-label'>
- <span class='label'>Checkboxes: </span>
- <label for='button-checkbox-1'>
- <input type='checkbox' name='button-checkbox-1' id='button-checkbox-1' value='1'>
- First
- </label>
- <label for='button-checkbox-2'>
- <input type='checkbox' name='button-checkbox-2' id='button-checkbox-2' value='2' checked>
- Second
- </label>
- <label for='button-checkbox-3'>
- <input type='checkbox' name='button-checkbox-3' id='button-checkbox-3' value='3'>
- Third
- </label>
- </span>
- </p>
- </fieldset>
- <div class='new-row-tablet four-columns six-columns-tablet twelve-columns-mobile'>
- <h3 class='thin underline'>Pseudo-Inputs</h3>
- <p class='button-height'>
- <span class='input'>
- <label for='pseudo-input-1' class='button blue-gradient'>Label</label>
- <input type='text' name='pseudo-input-1' id='pseudo-input-1' class='input-unstyled' value='Value'>
- <a href='javascript:void(0)' class='button compact'>Check</a>
- </span>
- </p>
- <p class='button-height'>
- <span class='input'>
- <label for='pseudo-input-2' class='button orange-gradient'>
- <span class='icon-phone small-margin-right'></span>
- </label>
- <select name='pseudo-input-select' class='select compact expandable-list' style='width: 100px'>
- <option value='USA'>USA</option>
- <option value='United Kingdom'>United Kingdom</option>
- <option value='Afghanistan'>Afghanistan</option>
- <option value='Albania'>Albania</option>
- <option value='Algeria'>Algeria</option>
- <option value='American Samoa'>American Samoa</option>
- <option value='Andorra'>Andorra</option>
- <option value='Angola'>Angola</option>
- <option value='Anguilla'>Anguilla</option>
- <option value='Antarctica'>Antarctica</option>
- <option value='Antigua and Barbuda'>Antigua and Barbuda</option>
- <option value='Argentina'>Argentina</option>
- <option value='Armenia'>Armenia</option>
- <option value='Aruba'>Aruba</option>
- <option value='Australia'>Australia</option>
- <option value='Austria'>Austria</option>
- <option value='Azerbaijan'>Azerbaijan</option>
- <option value='Bahamas'>Bahamas</option>
- <option value='Bahrain'>Bahrain</option>
- <option value='Bangladesh'>Bangladesh</option>
- <option value='Barbados'>Barbados</option>
- <option value='Belarus'>Belarus</option>
- <option value='Belgium'>Belgium</option>
- <option value='Belize'>Belize</option>
- <option value='Benin'>Benin</option>
- <option value='Bermuda'>Bermuda</option>
- <option value='Bhutan'>Bhutan</option>
- <option value='Bolivia'>Bolivia</option>
- <option value='Bosnia and Herzegovina'>Bosnia and Herzegovina</option>
- <option value='Botswana'>Botswana</option>
- <option value='Bouvet Island'>Bouvet Island</option>
- <option value='Brazil'>Brazil</option>
- <option value='British Indian Ocean Territory'>British Indian Ocean Territory</option>
- <option value='Brunei Darussalam'>Brunei Darussalam</option>
- <option value='Bulgaria'>Bulgaria</option>
- <option value='Burkina Faso'>Burkina Faso</option>
- <option value='Burundi'>Burundi</option>
- <option value='Cambodia'>Cambodia</option>
- <option value='Cameroon'>Cameroon</option>
- <option value='Canada'>Canada</option>
- <option value='Cape Verde'>Cape Verde</option>
- <option value='Cayman Islands'>Cayman Islands</option>
- <option value='Central African Republic'>Central African Republic</option>
- <option value='Chad'>Chad</option>
- <option value='Chile'>Chile</option>
- <option value='China'>China</option>
- <option value='Christmas Island'>Christmas Island</option>
- <option value='Cocos (Keeling) Islands'>Cocos (Keeling) Islands</option>
- <option value='Colombia'>Colombia</option>
- <option value='Comoros'>Comoros</option>
- <option value='Congo'>Congo</option>
- <option value='Congo, The Democratic Republic of The'>Congo, The Democratic Republic of The</option>
- <option value='Cook Islands'>Cook Islands</option>
- <option value='Costa Rica'>Costa Rica</option>
- <option value='Cote D'ivoire'>Cote D'ivoire</option>
- <option value='Croatia'>Croatia</option>
- <option value='Cuba'>Cuba</option>
- <option value='Cyprus'>Cyprus</option>
- <option value='Czech Republic'>Czech Republic</option>
- <option value='Denmark'>Denmark</option>
- <option value='Djibouti'>Djibouti</option>
- <option value='Dominica'>Dominica</option>
- <option value='Dominican Republic'>Dominican Republic</option>
- <option value='Ecuador'>Ecuador</option>
- <option value='Egypt'>Egypt</option>
- <option value='El Salvador'>El Salvador</option>
- <option value='Equatorial Guinea'>Equatorial Guinea</option>
- <option value='Eritrea'>Eritrea</option>
- <option value='Estonia'>Estonia</option>
- <option value='Ethiopia'>Ethiopia</option>
- <option value='Falkland Islands (Malvinas)'>Falkland Islands (Malvinas)</option>
- <option value='Faroe Islands'>Faroe Islands</option>
- <option value='Fiji'>Fiji</option>
- <option value='Finland'>Finland</option>
- <option value='France'>France</option>
- <option value='French Guiana'>French Guiana</option>
- <option value='French Polynesia'>French Polynesia</option>
- <option value='French Southern Territories'>French Southern Territories</option>
- <option value='Gabon'>Gabon</option>
- <option value='Gambia'>Gambia</option>
- <option value='Georgia'>Georgia</option>
- <option value='Germany'>Germany</option>
- <option value='Ghana'>Ghana</option>
- <option value='Gibraltar'>Gibraltar</option>
- <option value='Greece'>Greece</option>
- <option value='Greenland'>Greenland</option>
- <option value='Grenada'>Grenada</option>
- <option value='Guadeloupe'>Guadeloupe</option>
- <option value='Guam'>Guam</option>
- <option value='Guatemala'>Guatemala</option>
- <option value='Guinea'>Guinea</option>
- <option value='Guinea-bissau'>Guinea-bissau</option>
- <option value='Guyana'>Guyana</option>
- <option value='Haiti'>Haiti</option>
- <option value='Heard Island and Mcdonald Islands'>Heard Island and Mcdonald Islands</option>
- <option value='Holy See (Vatican City State)'>Holy See (Vatican City State)</option>
- <option value='Honduras'>Honduras</option>
- <option value='Hong Kong'>Hong Kong</option>
- <option value='Hungary'>Hungary</option>
- <option value='Iceland'>Iceland</option>
- <option value='India'>India</option>
- <option value='Indonesia'>Indonesia</option>
- <option value='Iran, Islamic Republic of'>Iran, Islamic Republic of</option>
- <option value='Iraq'>Iraq</option>
- <option value='Ireland'>Ireland</option>
- <option value='Israel'>Israel</option>
- <option value='Italy'>Italy</option>
- <option value='Jamaica'>Jamaica</option>
- <option value='Japan'>Japan</option>
- <option value='Jordan'>Jordan</option>
- <option value='Kazakhstan'>Kazakhstan</option>
- <option value='Kenya'>Kenya</option>
- <option value='Kiribati'>Kiribati</option>
- <option value='Korea, Democratic People's Republic of'>Korea, Democratic People's Republic of</option>
- <option value='Korea, Republic of'>Korea, Republic of</option>
- <option value='Kuwait'>Kuwait</option>
- <option value='Kyrgyzstan'>Kyrgyzstan</option>
- <option value='Lao People's Democratic Republic'>Lao People's Democratic Republic</option>
- <option value='Latvia'>Latvia</option>
- <option value='Lebanon'>Lebanon</option>
- <option value='Lesotho'>Lesotho</option>
- <option value='Liberia'>Liberia</option>
- <option value='Libyan Arab Jamahiriya'>Libyan Arab Jamahiriya</option>
- <option value='Liechtenstein'>Liechtenstein</option>
- <option value='Lithuania'>Lithuania</option>
- <option value='Luxembourg'>Luxembourg</option>
- <option value='Macao'>Macao</option>
- <option value='Macedonia, The Former Yugoslav Republic of'>Macedonia, The Former Yugoslav Republic of</option>
- <option value='Madagascar'>Madagascar</option>
- <option value='Malawi'>Malawi</option>
- <option value='Malaysia'>Malaysia</option>
- <option value='Maldives'>Maldives</option>
- <option value='Mali'>Mali</option>
- <option value='Malta'>Malta</option>
- <option value='Marshall Islands'>Marshall Islands</option>
- <option value='Martinique'>Martinique</option>
- <option value='Mauritania'>Mauritania</option>
- <option value='Mauritius'>Mauritius</option>
- <option value='Mayotte'>Mayotte</option>
- <option value='Mexico'>Mexico</option>
- <option value='Micronesia, Federated States of'>Micronesia, Federated States of</option>
- <option value='Moldova, Republic of'>Moldova, Republic of</option>
- <option value='Monaco'>Monaco</option>
- <option value='Mongolia'>Mongolia</option>
- <option value='Montserrat'>Montserrat</option>
- <option value='Morocco'>Morocco</option>
- <option value='Mozambique'>Mozambique</option>
- <option value='Myanmar'>Myanmar</option>
- <option value='Namibia'>Namibia</option>
- <option value='Nauru'>Nauru</option>
- <option value='Nepal'>Nepal</option>
- <option value='Netherlands'>Netherlands</option>
- <option value='Netherlands Antilles'>Netherlands Antilles</option>
- <option value='New Caledonia'>New Caledonia</option>
- <option value='New Zealand'>New Zealand</option>
- <option value='Nicaragua'>Nicaragua</option>
- <option value='Niger'>Niger</option>
- <option value='Nigeria'>Nigeria</option>
- <option value='Niue'>Niue</option>
- <option value='Norfolk Island'>Norfolk Island</option>
- <option value='Northern Mariana Islands'>Northern Mariana Islands</option>
- <option value='Norway'>Norway</option>
- <option value='Oman'>Oman</option>
- <option value='Pakistan'>Pakistan</option>
- <option value='Palau'>Palau</option>
- <option value='Palestinian Territory, Occupied'>Palestinian Territory, Occupied</option>
- <option value='Panama'>Panama</option>
- <option value='Papua New Guinea'>Papua New Guinea</option>
- <option value='Paraguay'>Paraguay</option>
- <option value='Peru'>Peru</option>
- <option value='Philippines'>Philippines</option>
- <option value='Pitcairn'>Pitcairn</option>
- <option value='Poland'>Poland</option>
- <option value='Portugal'>Portugal</option>
- <option value='Puerto Rico'>Puerto Rico</option>
- <option value='Qatar'>Qatar</option>
- <option value='Reunion'>Reunion</option>
- <option value='Romania'>Romania</option>
- <option value='Russian Federation'>Russian Federation</option>
- <option value='Rwanda'>Rwanda</option>
- <option value='Saint Helena'>Saint Helena</option>
- <option value='Saint Kitts and Nevis'>Saint Kitts and Nevis</option>
- <option value='Saint Lucia'>Saint Lucia</option>
- <option value='Saint Pierre and Miquelon'>Saint Pierre and Miquelon</option>
- <option value='Saint Vincent and The Grenadines'>Saint Vincent and The Grenadines</option>
- <option value='Samoa'>Samoa</option>
- <option value='San Marino'>San Marino</option>
- <option value='Sao Tome and Principe'>Sao Tome and Principe</option>
- <option value='Saudi Arabia'>Saudi Arabia</option>
- <option value='Senegal'>Senegal</option>
- <option value='Serbia and Montenegro'>Serbia and Montenegro</option>
- <option value='Seychelles'>Seychelles</option>
- <option value='Sierra Leone'>Sierra Leone</option>
- <option value='Singapore'>Singapore</option>
- <option value='Slovakia'>Slovakia</option>
- <option value='Slovenia'>Slovenia</option>
- <option value='Solomon Islands'>Solomon Islands</option>
- <option value='Somalia'>Somalia</option>
- <option value='South Africa'>South Africa</option>
- <option value='South Georgia and The South Sandwich Islands'>South Georgia and The South Sandwich Islands</option>
- <option value='Spain'>Spain</option>
- <option value='Sri Lanka'>Sri Lanka</option>
- <option value='Sudan'>Sudan</option>
- <option value='Suriname'>Suriname</option>
- <option value='Svalbard and Jan Mayen'>Svalbard and Jan Mayen</option>
- <option value='Swaziland'>Swaziland</option>
- <option value='Sweden'>Sweden</option>
- <option value='Switzerland'>Switzerland</option>
- <option value='Syrian Arab Republic'>Syrian Arab Republic</option>
- <option value='Taiwan, Province of China'>Taiwan, Province of China</option>
- <option value='Tajikistan'>Tajikistan</option>
- <option value='Tanzania, United Republic of'>Tanzania, United Republic of</option>
- <option value='Thailand'>Thailand</option>
- <option value='Timor-leste'>Timor-leste</option>
- <option value='Togo'>Togo</option>
- <option value='Tokelau'>Tokelau</option>
- <option value='Tonga'>Tonga</option>
- <option value='Trinidad and Tobago'>Trinidad and Tobago</option>
- <option value='Tunisia'>Tunisia</option>
- <option value='Turkey'>Turkey</option>
- <option value='Turkmenistan'>Turkmenistan</option>
- <option value='Turks and Caicos Islands'>Turks and Caicos Islands</option>
- <option value='Tuvalu'>Tuvalu</option>
- <option value='Uganda'>Uganda</option>
- <option value='Ukraine'>Ukraine</option>
- <option value='United Arab Emirates'>United Arab Emirates</option>
- <option value='United Kingdom'>United Kingdom</option>
- <option value='United States'>United States</option>
- <option value='United States Minor Outlying Islands'>United States Minor Outlying Islands</option>
- <option value='Uruguay'>Uruguay</option>
- <option value='Uzbekistan'>Uzbekistan</option>
- <option value='Vanuatu'>Vanuatu</option>
- <option value='Venezuela'>Venezuela</option>
- <option value='Viet Nam'>Viet Nam</option>
- <option value='Virgin Islands, British'>Virgin Islands, British</option>
- <option value='Virgin Islands, U.S.'>Virgin Islands, U.S.</option>
- <option value='Wallis and Futuna'>Wallis and Futuna</option>
- <option value='Western Sahara'>Western Sahara</option>
- <option value='Yemen'>Yemen</option>
- <option value='Zambia'>Zambia</option>
- <option value='Zimbabwe'>Zimbabwe</option>
- </select>
- <input type='text' name='pseudo-input-2' id='pseudo-input-2' class='input-unstyled input-sep' placeholder='Area' value='' maxlength='3' style='width: 30px;'>
- <input type='text' name='pseudo-input-3' id='pseudo-input-3' class='input-unstyled' placeholder='Number' value='' style='width: 80px;'>
- </span>
- </p>
- <fieldset>
- <table>
- <tr>
- <td><b>Login</b><span style='color:red;'>*</span></td>
- <td><input type='text' name='login' id='login' value='' class='input-unstyled' placeholder='Login' autocomplete='off'></td></tr>
- <tr>
- <td><b>Password</b><span style='color:red;'>*</span></td>
- <td><input type='password' name='pass' id='pass' value='' class='input-unstyled' placeholder='Password' autocomplete='off'></td></tr>
- </table>
- </fieldset>
- <p></p>
- <table>
- <tr>
- <td>Password (6-8 characters)<span style='color:red;'>*</span></td>
- <td><input type='password' id='password' name='password' maxlength='8' /></td>
- <td id='passwordError' color='red'> </td></tr>
- <tr>
- <td>Verify password<span style='color:red;'>*</span></td>
- <td><input type='password' id='pwVerified' name='pwVerified' maxlength='8' /></td>
- <td id='pwVerifiedError' color='red'> </td></tr>
- </table>
- <h3 class='thin underline'>Special Inputs:</h3>
- <p class='button-height'>
- <input type='file' name='special-input-1' id='special-input-1' value='' class='file' multiple>
- </p>
- <p class='button-height'>
- <span class='number input margin-right'>
- <button type='button' class='button number-down'>-</button>
- <input type='text' name='special-input-2' id='special-input-2' value='320' class='input-unstyled'>
- <button type='button' class='button number-up'>+</button>
- </span>
- </p>
- </div>
- <p>Bullet List (Line Indentations):</p>
- <ul class='bullet-list'>
- <li>Bullet 1</li>
- <li>Bullet 2</li>
- <li>Bullet 3</li>
- </ul>
- <p> Alpha Bullet List (Line Indentations):</p>
- <ol type="A">
- <li>List Item 1
- <li>List Item 2
- <li>List Item 3
- </ol>
- <p> Arrow Bullet List (Line Indentations): (Note: source of image must be in the same folder as of the html file)</p>
- <dl>
- <dd><img src="imgarrow.gif"> List item 1</dd><br>
- <dd><img src="imgarrow.gif"> List item 2</dd><br>
- <dd><img src="imgarrow.gif"> List item 3</dd>
- </dl>
- </div>
- <div class='four-columns six-columns-tablet twelve-columns-mobile clearfix'>
- <h3 class='thin underline'>Selection Examples:</h3>
- <div class='float-left margin-right margin-bottom'>
- <h5> Single Selection List <br>(no multiple selection)<br>
- <select class='select expandable-list anthracite-gradient glossy' style='width:100px' tabindex='2'>
- <option value='1'>Option 1</option>
- <option value='2'>Option 2</option>
- <option value='3' selected='selected'>Option 3 .....Pre-Selected</option>
- <option value='2'>Option 4</option>
- <option value='4'>Last value</option>
- </select>
- </h5>
- </div>
- <h5> Multiple Selection <br>(hold Ctrl/Cmd)<br>
- <select multiple>
- <option value='1'>Value 1</option>
- <option value='2'>Value 2</option>
- <option value='3' selected='selected'>Multiple</option>
- <option value='2'>Value 4</option>
- <option value='2'>Value 5</option>
- <option value='2'>Value 6</option>
- <option value='2'>Value 7</option>
- <option value='2'>Value 8</option>
- <option value='2'>Value 9</option>
- <option value='4'>Last value</option>
- </select>
- </h5>
- </div>
- </div>
- </form>
- </div>
- </section>
- <form action = ''>
- <fieldset>
- <legend>Reset Contents</legend>
- <table>
- <tr><td><span class='label'>Radios: </span></td><td>
- <label for='button-radio-1'>
- <input type='radio' name='button-radio' id='button-radio-1' value='1' checked>
- First
- </label></td><td>
- <label for='button-radio-2'>
- <input type='radio' name='button-radio' id='button-radio-2' value='2'>
- Second
- </label></td><td>
- <label for='button-radio-3'>
- <input type='radio' name='button-radio' id='button-radio-3' value='3'>
- Third
- </label></td><tr>
- <tr><td><span class='label'>Checkboxes: </span></td><td>
- <label for='button-checkbox-1'>
- <input type='checkbox' name='button-checkbox-1' id='button-checkbox-1' value='1'>
- First
- </label></td><td>
- <label for='button-checkbox-2'>
- <input type='checkbox' name='button-checkbox-2' id='button-checkbox-2' value='2' checked>
- Second
- </label></td><td>
- <label for='button-checkbox-3'>
- <input type='checkbox' name='button-checkbox-3' id='button-checkbox-3' value='3'>
- Third
- </label></td><tr>
- </table>
- <table>
- <tr></td><td><label>Select List</label></td><td></td><td>
- <select id = 'myList'>
- <option value = '1'>one</option>
- <option value = '2'>two</option>
- <option value = '3'>three</option>
- </select></td></tr>
- </table>
- </fieldset>
- <input type = 'reset' />
- </form>
- <!-- End main content -->
- <!-- Side tabs shortcuts -->
- <ul id='shortcuts' role='complementary' class='children-tooltip tooltip-right'>
- <li><a href='newtab0.html' class='shortcut-newtab0' title='New Tab - Stay'>Stay And Open A New Tab</a></li>
- <li><a href='newtab1.html' class='shortcut-newtab1' title='New Tab - Go'>Open And Go To A New Tab</a></li>
- <li><a href='about.html' class='shortcut-contact' title='If You Want To Know Who We Are'>About Us</a></li>
- </ul>
- <div class='float-left margin-right margin-bottom'>
- <h4>Copy To Clipboard Button:
- <button id='select-clipboard' type='button' class='button' style='width: 100px'>Click Here</button>
- </h4></div>
- <!-- Sidebar/drop-down menu -->
- <section id='menu' role='complementary'>
- Wrapper: 3 Column
- <style type="text/css">
- #wrapper{
- border:1px solid white;
- overflow:auto;/* to clear floats*/
- }
- #wrapper div{
- height:60px;
- }
- #wrapper .left{
- float:left;
- border:3px solid red;
- width:32%;
- }
- #wrapper .right{
- float:right;
- border:3px solid blue;
- width:32%;
- }
- #wrapper .middle{
- border:3px solid green;
- margin-right:33%;
- margin-left:33%;
- }
- </style>
- <div id="wrapper">
- <div class="left">. left</div>
- <div class="right">. right</div>
- <div class="middle">. middle</div>
- </div>
- <!-- This wrapper is used by several responsive layouts -->
- <div id='menu-content'>
- <header>
- Image:
- </header>
- <div id='images'>
- <a href='http://www.vectors4all.net/preview/globe-logo-concept.jpg'><img src='http://www.vectors4all.net/preview/globe-logo-concept.jpg' width='100' height='100' alt='Image Hovering Text' /> Click This Image Or This Text </a><br> Image Pseudo Resized to 100x100<br><br>
- <br><img src='http://www.vectors4all.net/preview/globe-logo-concept.jpg' alt='Image Hovering Text' class='fullsize-image'> Actual Size
- </div>
- </div>
- <!-- End content wrapper -->
- <TABLE BORDER="0"><TR>
- <TD bgcolor="#0000FF" align="center"><font size=2 face="tahoma, arial" color="yellow"><B>Fonts</b></FONT></TD>
- <TD bgcolor="yellow" align="center"><font size=2 face="tahoma, arial" color="#0000FF"><B>ABC123</b></FONT></TD>
- </TR><TR>
- <TD VALIGN="top">
- <font size="2" color="black">
- <OL>
- <LI><FONT face="arial">arial</FONT>
- <LI><FONT face="arial black">arial black</FONT>
- <LI><FONT face="comic sans ms">comic sans ms</FONT>
- <LI><FONT face="courier">courier</FONT>
- <LI><FONT face="georgia">georgia</FONT>
- <LI><FONT face="helvetica">helvetica</FONT>
- <LI><FONT face="impact">impact</FONT>
- <LI><FONT face="Lucida Console">lucida console</FONT>
- <LI><FONT size="5" face="Mekanik LET">mekanik let</FONT>
- <LI><FONT face="monospace">monospace</FONT>
- <LI><FONT face="sans-serif">sans-serif</FONT>
- <LI><FONT face="symbol">symbol</FONT><FONT color="red" face="arial">* (Symbol)</FONT>
- <LI><FONT face="tahoma">tahoma</FONT>
- <LI><FONT face="times new roman">times new roman</FONT><FONT color="red" face="arial">**</FONT><FONT color="grey" face="arial"><b> (default)</b></FONT>
- <LI><FONT face="trebuchet MS">trebuchet ms</FONT>
- <LI><FONT face="verdana">verdana</FONT>
- <LI><FONT face="wingdings">wingdings</FONT><FONT color="red" face="arial">* (Wingdings)</FONT>
- </OL>
- </FONT>
- </TD><TD VALIGN="top">
- <font size="2" color="#000000">
- <OL>
- <LI><FONT face="arial">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="arial black">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="comic sans ms">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="courier">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="georgia">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="helvetica">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="impact">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="Lucida Console">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT size="5" face="Mekanik LET">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="monospace">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="sans-serif">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="symbol">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="tahoma">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="times new roman">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="trebuchet MS">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="verdana">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- <LI><FONT face="wingdings">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890</FONT>
- </OL>
- </FONT>
- </TD>
- <font size=1pt face="arial" color=#FF2400>1 point arial type text</font>
- <font size=2pt face="arial" color=#FF2400>2 point arial type text</font>
- <font size=3pt face="arial" color=#FF2400>3 point arial type text</font>
- <font size=4pt face="arial" color=#FF2400>4 point arial type text</font>
- <font size=5pt face="arial" color=#FF2400>5 point arial type text</font>
- <font size=6pt face="arial" color=#FF2400>6 point arial type text</font>
- <font size=7pt face="arial" color=#FF2400>7 point arial type text</font>
- </TR></TABLE>
- </section>
- <!-- End sidebar/drop-down menu -->
- <!-- JavaScript at the bottom for fast page loading -->
- <!-- Scripts -->
- <script src='js/libs/jquery-1.7.2.min.js'></script>
- <script src='js/setup.js'></script>
- <!-- jQuery Form Validation -->
- <script src='js/libs/formValidator/jquery.validationEngine.js?v=1'></script>
- <script src='js/libs/formValidator/languages/jquery.validationEngine-en.js?v=1'></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement