Website Resources

A pure CSS library to beautify checkbox and radio buttons – Pretty checkbox 

Great Resources on Code snippets for HTML, CSS and JavaScript. –

Gradient Animator –

Typeahed – – Highslide JS is an image, media and gallery viewer written in JavaScript. Good if you have a lot of images and you want users to click on the image and it will popup with an animation. You can again click on the image so it will close. It has a number of options to choose from.
[Used in this website –]

How to check if a website is safe to browse?

Radial Background

body {
color: #fff;
font: 14px/20px XfinityStandard,sans-serif!important;
padding: 0;
background: #071725;
background: radial-gradient(500px at 50% 360px,#155779 0,#071725 100%) no-repeat;

Red color button on hover effect | bootstrap

<input type=”submit” class=”btn btn-danger” value=”Save changes” style=””>

.btn.btn-danger, .btn:link.btn-danger {
background-color: #f0473d;
border-color: #f0473d;

.btn, .btn:link {
//border-radius: 0;
//color: #fff;
line-height: 37px;
padding: 0 20px;
font-size: 15px;
text-overflow: ellipsis;
//outline: hidden;
}, .btn:link:active {
box-shadow: inset 0 1px 4px 0 rgba(0,0,0,.5);

.btn:hover, .btn:link:hover {
box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);


This is a heading in a div element

This is some text in a div element.

background-image: linear-gradient(255deg,#4940ff,#35b2e6);