{"id":63,"date":"2011-05-30T19:42:02","date_gmt":"2011-05-30T19:42:02","guid":{"rendered":"http:\/\/touchsense.dmthemes.com\/?page_id=63"},"modified":"2011-05-30T19:42:02","modified_gmt":"2011-05-30T19:42:02","slug":"tables-and-sliders","status":"publish","type":"page","link":"https:\/\/mt.banyumulek.com\/?page_id=63","title":{"rendered":"Tables and Sliders"},"content":{"rendered":"<h2>Pricing Table<\/h2>\n<table class=\"pricingTable\">\n<thead>\n<tr>\n<th>FIRST<\/th>\n<th>SECOND<\/th>\n<th class=\"special\">THIRD<\/th>\n<th>FOURTH<\/th>\n<th>FIFTH<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td class=\"priceT\"><span class=\"priceFont\">$10<\/span><br \/><span class=\"perMonthFont\">per month<\/span><\/td>\n<td class=\"priceT\"><span class=\"priceFont\">$17<\/span><br \/><span class=\"perMonthFont\">per month<\/span><\/td>\n<td class=\"priceT priceSpecial\"><span class=\"priceFont\">$26<\/span><br \/><span class=\"perMonthFont\">per month<\/span><\/td>\n<td class=\"priceT\"><span class=\"priceFont\">$44<\/span><br \/><span class=\"perMonthFont\">per month<\/span><\/td>\n<td class=\"priceT\"><span class=\"priceFont\">$87<\/span><br \/><span class=\"perMonthFont\">per month<\/span><\/td>\n<\/tr>\n<tr>\n<td>50 GB<\/td>\n<td>100 GB<\/td>\n<td class=\"priceSpecial\">150 GB<\/td>\n<td>Unlimited<\/td>\n<td>Unlimited<\/td>\n<\/tr>\n<tr>\n<td>Unlimited<\/td>\n<td>Unlimited<\/td>\n<td class=\"priceSpecial\">Unlimited<\/td>\n<td>Unlimited<\/td>\n<td>Unlimited<\/td>\n<\/tr>\n<tr>\n<td>1 Widget<\/td>\n<td>3 Widgets<\/td>\n<td class=\"priceSpecial\">9 Widgets<\/td>\n<td>27 Widgets<\/td>\n<td>All-you-can-eat<\/td>\n<\/tr>\n<tr>\n<td>No Support<\/td>\n<td>Some Support<\/td>\n<td class=\"priceSpecial\">Full-Time Support<\/td>\n<td>Really Pro Support<\/td>\n<td>Your Own Support Guy<\/td>\n<\/tr>\n<tr>\n<td>Nothing<\/td>\n<td>Just a little<\/td>\n<td class=\"priceSpecial\">Perfect Balance<\/td>\n<td>Advanced<\/td>\n<td>Amazing!<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td><a href=\"#\" class=\"mediumButton\">Sign Up<\/a><\/td>\n<td><a href=\"#\" class=\"mediumButton\">Sign Up<\/a><\/td>\n<td class=\"footerSpecial\"><a  href=\"#\" class=\"mediumButton\">Sign Up<\/a><\/td>\n<td><a href=\"#\" class=\"mediumButton\">Sign Up<\/a><\/td>\n<td><a href=\"#\" class=\"mediumButton\">Sign Up<\/a><\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"brush: text; gutter: true\">\n\/\/Detailed instructions about creating pricing tables are available in the help file (help file is included in the \ndownload pack).\n\n<\/pre>\n<p>&nbsp;<\/p>\n<div class=\"separatorDots\"><\/div>\n<h2>Simple Table<\/h2>\n<p>&nbsp;<\/p>\n<table class=\"tableFW\">\n<thead>\n<tr>\n<th>Median Salary by Job<\/th>\n<th>2005<\/th>\n<th>2006<\/th>\n<th>2007<\/th>\n<th>2008<\/th>\n<th>2009<\/th>\n<th>2010<\/th>\n<th>2011<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Administrative Assistant<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<\/tr>\n<tr>\n<td>Staff Accountant<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<\/tr>\n<tr>\n<td>Executive Assistant<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<\/tr>\n<tr>\n<td>Administrative \/ Office Manager<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<\/tr>\n<tr>\n<td>Attorney \/ Lawyer<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<\/tr>\n<tr>\n<td>Project Manager, Construction<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<\/tr>\n<tr>\n<td>Registered Nurse<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<table class=\"tableFW tableDark\">\n<thead>\n<tr>\n<th>Median Salary by Job<\/th>\n<th>2005<\/th>\n<th>2006<\/th>\n<th>2007<\/th>\n<th>2008<\/th>\n<th>2009<\/th>\n<th>2010<\/th>\n<th>2011<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Administrative Assistant<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<td>$33,705<\/td>\n<\/tr>\n<tr>\n<td>Staff Accountant<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<td>$43,908<\/td>\n<\/tr>\n<tr>\n<td>Executive Assistant<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<td>$46,066<\/td>\n<\/tr>\n<tr>\n<td>Administrative \/ Office Manager<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<td>$39,513<\/td>\n<\/tr>\n<tr>\n<td>Attorney \/ Lawyer<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<td>$77,728<\/td>\n<\/tr>\n<tr>\n<td>Project Manager, Construction<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<td>$71,803<\/td>\n<\/tr>\n<tr>\n<td>Registered Nurse<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<td>$55,282<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<pre class=\"brush: text; gutter: true\">\n\/\/These are the stylings of regular HTML tables. The frist table's style is the default style for tables which will be apllied\n to all tables. If you would like to use the second table style, you should just apply \"tableDark\" class to the\n table tag, example :\n<table class=\"tableDark\">\n<\/table>\n\n<\/pre>\n<p>&nbsp;<\/p>\n<div class=\"separatorDots\"><\/div>\n<h2> Inline Slider <\/h2>\n<p>&nbsp;<\/p>\n<script type=\"text\/javascript\">\r\n\tjQuery(window).load(function() {\r\n\t  jQuery(\".slider-inline\").nivoSlider({\r\n\t\t  pauseTime:4000,  captionOpacity: 1, prevText: \"\", nextText: \"\", directionNavHide:false, captionOpacity: 1, slices:10, boxCols: 6, boxRows: 3 \r\n\t});\r\n});\r\n<\/script>\r\n<div class=\"slider-wrapinline\" style=\" height:285px; width:900px;\" ><div class=\"slider-inline\" style=\" height:240px; width:900px;\"> \n<img decoding=\"async\" src=\"http:\/\/touchsense.dmthemes.com\/wp-content\/uploads\/2011\/05\/slideri1.jpg\" title=\"Slide with Title\" >\n<img decoding=\"async\" src=\"http:\/\/touchsense.dmthemes.com\/wp-content\/uploads\/2011\/05\/slideri2.jpg\" >\n<img decoding=\"async\" src=\"http:\/\/touchsense.dmthemes.com\/wp-content\/uploads\/2011\/05\/slideri3.jpg\" >\n<\/div><\/div> \n<p>&nbsp;<\/p>\n<pre class=\"brush: text; gutter: true\">\n[slider width=\"900\" height=\"240\" pause=\"4000\"]\n<img decoding=\"async\" src=\"image1.jpg\" title=\"Slide with Title\" >\n<img decoding=\"async\" src=\"image1.jpg\">\n[\/slider]\n\nWidth and height are the dimensions of the image. ALL images in one slider must have SAME dimensions. \"Pause\" is the time (in milliseconds) of each slide to be displayed. \n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Pricing Table FIRST SECOND THIRD FOURTH FIFTH $10per month $17per month $26per month $44per month $87per month 50 GB 100 GB 150 GB Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited Unlimited 1 Widget 3 Widgets 9 Widgets 27 Widgets All-you-can-eat No Support Some Support Full-Time Support Really Pro Support Your Own Support Guy Nothing Just a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":0,"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/mt.banyumulek.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}