Drag & Drop Ajax File Uploader

 

 Download

 

Drag & Drop Ajax Image Uploader

 

 Download

 

Checks Effect

• Example View
• HTML
• CSS
• Script
• Plugins
• Downloads

	<div class="kas-checks-slideOne"> <input type="checkbox" name="Status1" class="" id="slide1" checked="checked"> <label for="slide1"></label> </div>
	<div class="kas-checks-slideTwo bg"> <input type="checkbox" name="Status2" class="" id="slide2" checked="checked"> <label for="slide2"></label> </div>
	<div class="kas-checks-slideThree bg"> <input type="checkbox" name="Status3" class="" id="slide3"> <label for="slide3"></label> </div>
	<div class="kas-checks-slideFour bg-dr-gray"> <input type="checkbox" name="Status9" class="" id="slide9"> <label for="slide9"></label> </div>
	<div class="kas-checks-slideFive bg-dr-gray"> <input type="checkbox" name="Status10" class="" id="slide10" checked="checked"> <label for="slide10"></label> </div>
	<div class="kas-checks-slideSix bg-lg-gray"> <input type="checkbox" name="Status11" class="" id="slide11" checked="checked"> <label for="slide11"></label> </div>
	<div class="kas-checks-roundedOne"> <input type="checkbox" name="Status4" class="" id="slide4" checked="checked"> <label for="slide4"></label> </div>
	<div class="kas-checks-roundedTwo"> <input type="checkbox" name="Status5" class="" id="slide5" checked="checked"> <label for="slide5"></label> </div>
	<div class="kas-checks-roundedThree"> <input type="checkbox" name="Status12" class="" id="slide12" checked="checked"> <label for="slide12"></label> </div>
	<div class="kas-checks-squaredOne"> <input type="checkbox" name="Status6" class="" id="slide6" checked="checked"> <label for="slide6"></label> </div>
	<div class="kas-checks-squaredTwo"> <input type="checkbox" name="Status7" class="" id="slide7" checked="checked"> <label for="slide7"></label> </div>
	<div class="kas-checks-squaredThree"> <input type="checkbox" name="Status8" class="" id="slide8" checked="checked"> <label for="slide8"></label> </div>
	<div class="kas-checks-squaredFour"> <input type="checkbox" name="Status13" class="" id="slide13" checked="checked"> <label for="slide13"></label> </div>
	<div class="kas-checks-squaredFive"> <input type="checkbox" name="Status14" class="" id="slide14" checked="checked"> <label for="slide14"></label> </div>

...

<script type="text/javascript" src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>

https://www.dropbox.com/s/muhew123ti5m2eb/kaslab-design.css?dl=0
https://www.dropbox.com/s/ytmxir23hkueznl/kaslab-checks-effect.css?dl=0

 

 View  View

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-apollo.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-apollo.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-basic.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-basic.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-clj.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-clj.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-css.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-css.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-dart.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-dart.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-erlang.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-erlang.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-go.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-go.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-hs.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-hs.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-lisp.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-lisp.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-llvm.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-llvm.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-lua.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-lua.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-matlab.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-matlab.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-ml.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-ml.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-mumps.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-mumps.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-n.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-n.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-pascal.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-pascal.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-proto.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-proto.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-r.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-r.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-rd.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-rd.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-scala.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-scala.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-sql.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-sql.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-tcl.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-tcl.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-tex.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-tex.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-vb.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-vb.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-vhdl.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-vhdl.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-wiki.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-wiki.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-xq.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-xq.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-yaml.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/lang-yaml.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.css" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js" type="text/javascript">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.min.js" type="text/javascript">
</script>