Y[wai] Responsive Web Exam.6

Let me tell you something my friend. hope is a dangerous thing. hope can drive a man insane. you measure yourself by the people who measure themselves by you. it only took me six days.

Services

Solution Sales

I don't think they tried to market it to the billionaire, spelunking, base-jumping crowd. i did the same thing to gandhi, he didn't eat for three weeks. i once heard a wise man say there are no perfect men.

Solution development

Perform the project

Grid Component

"options" : { "editable":false ,"columnHeight":20 ,"cellHeight":20 ,"fixColumn":1 ,"conditionalstyle":"" ,"autohiddencols":true ,"appendmode":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":120,"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":"Level3","field":"fld6"} ,{"autohiddenwidth":600,"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":600,"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":600,"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":600,"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"}} } } ,"effect":{"columnHighlight":true} ,"size":{"vertScrollWidth":19} ,"footer":{"show":true,"height":24} }

Chart Component

"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":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} } Sample title - big data solutions Web design | Wordpress | Logotype

"data" : { "labels":["January","February","March","April","May","June","July"] ,"datasets":[{"label":"Dataset 1","backgroundColor":"rgb(255, 99, 132)","borderColor":"rgb(255, 99, 132)","data":[-34,-70,-65,16,65,-57,-73],"fill":false},{"label":"Dataset 2","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} } Sample title - big data solutions Web design | Wordpress

"data" : { "labels":[["Eating","Dinner"],["Drinking","Water"],"Sleeping",["Designing","Graphics"],"Coding","Cycling","Running"] ,"datasets" : [ {"label":"My First dataset","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} ,{"label":"My Second dataset","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" : { "title":{"display":false,"position":"top"} ,"legend":{"display":false,"reverse":false,"position":"top","labels":{"usePointStyle":false}} ,"scale":{"display":true,"gridLines":{"display":true},"pointLabels":{"display":true},"ticks":{"display":true}} ,"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"displayColors":true} ,"animation":{"animateScale":false} } Sample title - big data solutions Web design | Logotype

"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":{}} Sample title - big data solutions Web design | Wordpress

"data" : { "datasets" : [ {"label":"Dataset 1" ,"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" : { "title":{"display":false,"position":"top"} ,"legend":{"display":true,"reverse":false,"position":"top","labels":{"usePointStyle":false}} ,"showPieceLabel":{"enabled":false,"mode":"label","fontSize":18,"fontStyle":"bold","fontColor":"#666","fontFamily":"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"} ,"tooltips":{"enabled":false,"mode":"nearest","intersect":true,"displayColors":true} ,"animation":{"animateScale":false} } Sample title - big data solutions Web design | Logotype

"data":{"datasets":[{"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)"],"label":"Dataset 1"}],"labels":["Red","Orange","Yellow","Green","Blue"]}, "option":{"title":{"display":false,"position":"top"},"legend":{"display":true,"reverse":false,"position":"top","labels":{"usePointStyle":false}},"showPieceLabel":{"enabled":false},"tooltips":{"enabled":false,"mode":"nearest","intersect":true,"displayColors":true},"animation":{"animateScale":false}} Sample title - big data solutions Web design | Logotype

A simple, nice-looking call to action box. Boxing is about respect. getting it for yourself, and taking it away from the other guy. no, this is mount everest.

Download template