HTML CSS project with source code PDF

HTML CSS Project With Source Code:

Hello guys!!

Here I have posted a simple HTML CSS Project With Source Code .In this project  I have used all the basic tags in html and css properties. I will give the link of each and every page below and will explain how I created each and every page.Basically in this project I have taken subject of Maharashtra.

Which pages does this project contain? 

   Home page 

Here in the Homepage their are so many things I have used to create it. I have created its heading which only contain logo and the title of the page.This heading has a beautiful feature that its background changes automatically,you can see it in video below.

After the heading I have taken a broad line over the navigation bar/links of other pages.Below that I have created 4 main blocks which has links of other pages ,representing the main cities in the Maharashtra.I have styled them with the basic css properties. I have positioned this blocks at the center so that they look attractive,cool but simple.

Click here to download source code: Download

Pages:

Hill-stations:

In this page I have taken the same header only the Title is changed and the logo is not their. Here in this page I have divided the body into two sections.Here I have given 2 hill stations spot of Maharashtra. You can add more sections and can add images and information of the cities.

Click here to download source code: Download

2. 

The total layout of this page is also the same as the page above only the change is that I have changed the Images and the information as well as the title of the page.Here in this page I have represented the famous Maharashtrian Food/ Dishes.

Click here to download source code: Download

3. 

The same layout for this page also.Only the content is changed.Here in this page I have given information of the Forts along their images.

Click here to download source code: Download

Their are more pages also of cities. Below are the Download links of those pages.

1. Mumbai 

2. Pune

3. Nagpur

4. Nashik 

You can put images as you want , but I have link of images from where you can download the Images which I have used.

Before setting up all the project in your PC/Laptop  Read following Instructions

A VISIT TO WEBSITE

Click here to download all used images

How you can customize it?

Note: Do not change the position of the blocks and other elements  as it will be difficult to manage this to perfect position.

You can change the text in this ,images,logo etc in this project.

Instruction:( To set up project in your pc)

1. Download all the codes above mentioned.
2. Download images which are used if you want other images then you have to change all given paths of  images.
3. Now create a folder of any name such as HTML CSS PROJECT.
4. Now take that zip file of images into HTML CSS PROJECT this folder and extract it.
5. Paste all the downloaded codes in the same folder.
6. All files are txt files open them and save them as .html files 
7. Only last two files you have to save them with .css extension.
8. And project will be set up in your pc.

Hopefully this post is informative to you . You can even refer this code during learning this programming or coding. If you want such more projects for you then you can contact me on +91 9922384746.