Y[wai]

Responsive Web

New Release
Image

First Album

Rollover text and description text goes here over mouse over...

"data" : { "labels":["January","February","March","April","May","June","July"] ,"datasets" : [ {"label":"Dataset 1","backgroundColor":"rgba(255, 0, 0, 0.25)","borderColor":"rgba(220, 0, 0, 0.2)","borderWidth":1,"hoverBackgroundColor":"rgba(220, 0, 0, 0.5)","hoverBorderColor":"rgba(220,0, 0, 0.5)","hoverBorderWidth":1,"data":[80,59,90,81,56,75,30]} ,{"label":"Dataset 2","backgroundColor":"rgba(151,187,205,0.5)","borderColor":"rgba(151,187,205,0.8)","borderWidth":1,"hoverBackgroundColor":"rgba(151,187,205,0.8)","hoverBorderColor":"rgba(151,187,205,1)","hoverBorderWidth":1,"data":[100,50,70,51,60,75,40]} ] }, "option" : { "title":{"display":false,"position":"top"} ,"legend":{"display":true,"reverse":false,"position":"top","labels":{"usePointStyle":false}} ,"scales" : { "xAxes":[{"display":true,"gridLines":{"display":true,"offsetGridLines":false},"ticks":{"display":true},"scaleLabel":{"display":false,"labelString":"Month"}}] ,"yAxes":[{"display":true,"gridLines":{"display":true},"ticks":{"beginAtZero":false,"display":true},"scaleLabel":{"display":false,"labelString":"Value"}}] } ,"tooltips":{"enabled":true,"mode":"index","intersect":false,"displayColors":true} ,"animation":{"animateScale":false} }
Image

Album Two

Maecenas iaculis et turpis et iaculis. Aenean at volutpat diam.

"data" : { "labels":["January","February","March","April","May","June","July"] ,"datasets":[{"label":"dataset1","backgroundColor":"rgb(255, 99, 132)","borderColor":"rgb(255, 99, 132)","data":[-34,-70,-65,16,65,-57,-73],"fill":false},{"label":"dataset2","fill":false,"backgroundColor":"rgb(54, 162, 235)","borderColor":"rgb(54, 162, 235)","data":[-77,54,81,24,-20,-91,-60]}] }, "option" : { "title":{"display":false,"text":"Y[wai] Line Chart","position":"top"} ,"legend":{"display":true,"reverse":false,"position":"top","labels":{"usePointStyle":false}} ,"scales" : { "xAxes":[{"display":true,"gridLines":{"display":true,"offsetGridLines":true},"ticks":{"display":true},"scaleLabel":{"display":false,"labelString":"Month"}}] ,"yAxes":[{"display":true,"gridLines":{"display":true},"ticks":{"beginAtZero":false,"display":true},"scaleLabel":{"display":false,"labelString":"Value"}}] } ,"tooltips":{"enabled":true,"mode":"index","intersect":false,"displayColors":true} ,"animation":{"animateScale":false} }
Image

Third Album

Vivamus eget elit purus. Nullam consectetur porttitor elementum.

"data" : { "labels":["CSS","HTML","JAVA","C++","C","PHP","Javascript"] ,"datasets" : [ {"label":"dataset1","backgroundColor":"rgba(255, 99, 132, 0.1)","borderColor":"rgba(255, 99, 132, 0.5)","pointBackgroundColor":"rgba(255, 99, 132, 0.1)","data":[65,59,null,81,56,55,40],"fill":false,"showLine":true} ,{"label":"dataset2","backgroundColor":"rgba(54, 162, 235, 0.1)","borderColor":"rgba(54, 162, 235, 0.5)","pointBackgroundColor":"rgba(54, 162, 235, 0.1)","data":[28,48,40,19,96,27,100]} ] }, "option":{"legend":{}}
Image

Praesent nec feugiat dolor, elementum mollis purus. Etiam faucibus.

Album Four

"data" : { "datasets" : [ {"label":"My dataset" ,"data":[50,35,20,95,15] ,"backgroundColor":["rgba(255, 99, 132, 0.5)","rgba(255, 159, 64, 0.5)","rgba(255, 205, 86, 0.5)","rgba(75, 192, 192, 0.5)","rgba(54, 162, 235, 0.5)"] ,"hoverBackgroundColor":["rgba(255, 99, 132, 1)","rgba(255, 159, 64, 1)","rgba(255, 205, 86, 1)","rgba(75, 192, 192, 1)","rgba(54, 162, 235, 1)"] } ] ,"labels":["Red","Orange","Yellow","Green","Blue"] }, "option":{"legend":{}}

Music is your powerful energy.

"options" : { "editable":false ,"columnHeight":20 ,"cellHeight":20 ,"fixColumn":1 ,"conditionalstyle":"" ,"appendmode":false ,"autohiddencols":false ,"indicator":{"show":true,"width":30} ,"selector":{"show":true,"width":20,"checked":"none","type":"check"} ,"columns" : [ {"text":"No","alignment":"center","width":40,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"CateStyle","field":"fld1"} ,{"text":"Id","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld2"} ,{"text":"First Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld3"} ,{"autohiddenwidth":450,"text":"Last Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld4"} ,{"autohiddenwidth":500,"text":"Gender","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld5"} ,{"autohiddenwidth":550,"text":"Date of Birth","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld7"} ,{"autohiddenwidth":600,"text":"E-mail","alignment":"center","width":150,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level4","field":"fld6"} ,{"autohiddenwidth":700,"text":"Salary","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld8"} ,{"autohiddenwidth":700,"text":"SampleData1","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld9"} ,{"autohiddenwidth":1000,"text":"SampleData2","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld10"} ,{"autohiddenwidth":1000,"text":"SampleData3","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld11"} ] ,"style" : { "CateStyle" : { "header":{"color":"#4169e1","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#edf3ff","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level1" : { "header":{"color":"#708a3e","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f0fff0","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level2" : { "header":{"color":"#6b6b0c","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#fcffed","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level3" : { "header":{"color":"#757575","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#f5f5f5","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } ,"Level4" : { "header":{"color":"#703916","font":{"style":"normal","variant":"normal","weight":"bold","size":"12","lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}} ,"cell":{"color":"#fff6f0","font":{"style":"normal","variant":"normal","weight":"normal","size":"11","lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}} } } ,"effect":{"columnHighlight":true} ,"size":{"vertScrollWidth":19} ,"footer":{"show":true,"height":24} }
Image
Vivamus eget urna vitae ante

Insertion HTML Template includes 3 different pages. You can use this layout for your website. Please tell your friends about Tooplate. Thank you.

buy $5.50
Image
Proin fermentum sapien sed nisl

Donec est felis, posuere viverra dapibus ac, pretium vel libero. Aliquam consectetur, arcu eget euismod congue, tortor metus vehicula.

buy $7.25
Image
Quisque dignissim porta nunc

In neque felis, fringilla vel orci ut, sodales consectetur purus. Vivamus eget urna vitae ante pellentesque iaculis. Praesent sit amet.

buy $6.80
Image
Vestibulum mattis quam sodales

Curabitur id tempor orci. Fusce efficitur in enim sit amet sodales. Proin id gravida leo. Phasellus non quam et justo faucibus rhoncus.

buy $3.75
Image
Vestibulum mattis quam sodales

Maecenas sit amet nibh faucibus, tincidunt nisl sit amet, elementum eros. Fusce congue ligula gravida lorem lacinia.

buy $5.25

Copyright © 2019 Your Company Name - Web Design: Tooplate