Y[wai]

Responsive Web

New Release
Go Advanced ...
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

Latest Albums

Sed fringilla consectetur Mauris porta nisl quis Quisque maximus quam nec Class aptent taciti sociosqu ad

Our Pages

Nam dapibus imperdiet Primis in faucibus orci Sed interdum blandit dictum Donec non blandit nisl

Quick Links

Nullam scelerisque mauris Vivamus tristique enim non orci Luctus et ultrices posuere Cubilia Curae

Copyright © 2019 Your Company Name - Web Design: Tooplate