HTML/CSS

Hello friends, I am just learning PHP and Mysql and while designing a web page for a sample website I just created this template which I thought to publish it on http://www.sourcecodester.com/ so that new guys learning HTML and CSS will get some help and idea from it. I have also uploaded all the images of this template as well. I hope to upload new ones as soon as I can. Thanks

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 is a Simple Website Layout. I taught a student of mine how to make a simple Web Layout, and i saw it was kinda beautiful, so i decided to share. Hope You gonna learn from it. Though, the Nav is not linked yet, if you need help on that kindly let me know. THanks. My Email Id: [email protected]

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 is a simple Css3 Keyframes effect which can be used for Animation purpose in our Web Pages. Practised this yesterday and decided to share it with my fellow coders. Enjoy!!! For more Info send your Msg to [email protected]

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.