HTML

The basic purpose of the project is to demonstrate the knowledge of HTML, CSS, Database Connectivity using SQL Server and C#.

One page resume in html. File contains the usage of basic HTML tags including table, heading, paragraph and other tags.

This project will teach you how to animate a button using css. The download button will expand once hover and you can put any captions you like on the expanding part. In my example, I put number of downloads made. You can also change the speed of transition in second whether you want to expand faster or slower. Hope you learn from this.

In this project, you will learn how to create a multiple shadows on the same element using the CSS. All we have to do to have a different color shadows is separate them with comma. Here in my example, I put 4 different color shadows. Hope you learn from this.

This project will teach you how to create a logo of Google Chrome using raw css and html. Google Chrome logo has only 5 parts which I named it as circle(which is the white bigger circle in the center of the logo), center(the blue center circle), red, yellow and green. This is very cool css tricks. Hope you learn from this.

This project will teach you how to create a sliding caption using raw css and html. On hover, the caption of each images will appear in left, right, top or bottom. It depends on you which side you would like the captions to slide, but I have here all the examples. Hope you learn from this project.

This project will teach you how to create a simple tooltip using raw css code. When image is hover, the car model will immediately appear on each image. Feel free to edit or do what you want in this project. You can position your tooltip anywhere in the image by setting up the margin property. Hope you learn from this project.

This project will is an example on how to create a gradient patterns using pure css. This includes horizontal, vertical, angled, angle 135 stripes. This is cool css tricks that you have to learn. We can use this in our website's background. Hope you learn from this.

This project is cool and simple for a web design. We can use it in our comment box or other part or your page you think this effect suits best. What we need in order to create a folded corner is set the border-with, border-style and border-color property. It's up to you how you will design this box or what color you will be using. You can also add some box-shadows to enhance the appearance of a

This project will teach you how to animate expand and retract box using javascript. You can also do this in jQuery plugin by using toggle slide. But here in my example I used raw javascript code. This is simple and easy to do with just a few lines of code. It expands the box according to it's content height. Hope you learn from this project.