HTML/CSS

This is a simple example of a responsive site which is created using HTML5 and CSS3. It was intended for beginners to have an understandable and easy codes to create a simple web design. Try it and do it yourself. I hope you learn from this project.

This project will teach you how to create a customized border image in css. You can use your own image to be set as border. We have to simply set the border-image properties like border-image-outset, border-image-repeat, border-image-slice, border-image-source and border-image-width. You can experiment on your own and use my project as an example. Hope you learn from this.

This project will teach you how to show and hide scrollbar in css. First, the scrollbar was hidden. Once content was hovered, the scrollbar showed. This is pure css code. Try it yourself Hope you learn from this.

This project will teach you how to create a rollover hover effect in CSS/HTML. It composed of two the same images but the other one is set to greyscale. First, it only displayed in a greyscale effect, but when you hover it, the original image rollover and displayed. Hope you learn from this.

This form is like the post card we use in our daily life. I create and design this card by using css and html. Try it yourself and enjoy coding. There's so many things we can do in css in terms of designing a website Hope you learn from this. See Demo Click Below

This is a bootstrap contact form template with google maps so that visitors can track your store or shop detail and also all required feature on form fields. Hope you learn from this project.See Demo

I was using tablet yesterday & viewing website pages & came with this idea. I have used bootstrap and some css for making this form look attractive & its also responsive. Download it, learn from it & make your projects better than this, will be worth for this sourcecode .

This is a webpage Design Tutorial. This is for begineers in thml and css. In this tutorial you will know how to make fixed header and nice footer. This is simple and easy to do. Hope you learn from this.

This project will teach you how to create a simple dropdown menu using details and summary element. tag could have additional details that the user can view or hide on demand. The tag is a visible heading of tag. It can be placed either vertically or horizontally. Hope you learn from this.

This project will teach you how to use media rule in css. @media rule allows different style or layout for different media in the same style sheet. I have here in my example a box with a content. You can see the changes of the page content when the user resized the screen(box color and font-size change according to screen size). Hope you learn from this.