HTML/CSS

  • Submitted by: 
    The basic purpose of the project is to demonstrate the knowledge of HTML, CSS, Database Connectivity using SQL Server and C#.
  • Submitted by: 
    One page resume in html. File contains the usage of basic HTML tags including table, heading, paragraph and other tags.
  • Submitted by: 
    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]
  • Submitted by: 
    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.
  • Submitted by: 
    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.
  • Submitted by: 
    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]
  • Submitted by: 
    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.
  • Submitted by: 
    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.
  • Submitted by: 
    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.
  • Submitted by: 
    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.

Pages