Akshay Synopsis
Akshay Synopsis
Akshay Synopsis
A SYNOPSIS
ON
Hamirpur Darshan
Submitted in partial fulfillment of the requirement for the award of the degree
of
CONTENTS
1
1. Acknowledgment
2. Hardware/Software requirements
3. Introduction to project
4. Feasibility study
5. Analysis
6. Designing
7. Introduction to HTML
8. HTML tools
9. Coding and Snapshots
10. Reference
2
ACKNOWLEDGEMENT
AKSHAY
Roll No: 149
Univ. Roll No. 6180610008
BCA- 6TH SEMESTER
3
CERTIFICATE
This is to certify that Mr. AKSHAY 6TH Semester Student of Sidharth Govt.
College, Nadaun, has successfully completed his project in session(2018-2021) at
SGDC Nadaun.
He was working on a project titled “ HAMIRPUR DHARSHAN” during last
training under the supervision of Mrs. Ravinder Paul Prof. of computer
department.
Throughout the training he has shown a very good attitude towards work and
institutional process. His performance was excellent.
The work done in this project is the result of candidate`s own effort and has not
been submitted for any other degree/diploma in the university.
4
CERTIFICATE
This is certify that the project work entitled “HAMIRPUR DARSHAN”,
completed by Mr. AKSHAY is student of BCA (6 TH SEMESTER) of Sidharth
Govt. College Nadaun is authentic work carried out by him under my supervision.
He has been discussing various aspects of the work with me during the course of its
development. I have gone through his work, which has been found satisfactory for
the partial fulfillment of the degree of Bachelor of Computer Applications.
5
HARWARE AND SOFTWARE REQUIRMENTS
HARDWARE REQUIREMENTS :-
Processor : - Any
Monitor : - Color.
Hard Disk : - 80GB or more.
RAM : - 512MB RAM or more.
Mouse : - Yes
Keyboard : - Yes
SOFTWARE REQUIRMENTS:-
Notepad, Notepad++
Chrome, Internet explorer, Mozilla firefox, Any Other Browser
Window 7, Window 8 and lower versions.
6
INTRODUCTION TO PROJECT
HAMIRPUR DARSHAN
This project called “HAMIRPUR DARSHAN”. This project is a web site about
Hamirpur(H.P).This web site includes the history, visiting places and other
information like banking ,colleges etc.
7
FEASIBILITY STUDY
FEASIBILITY STUDY :-
An important outcome in the preliminary investigation is to determine that the
system requested is feasible. Three key considerations involved in feasibility
analysis.
TECHNICAL
ECONOMIC
OPERATIONAL
We determine the performance and cost effectiveness of the proposed system and
constraints, it is recommended in feasibility report.
Technical feasibility :-
There are number of technical issues which generally raised during the feasibility
stages of investigation which are as follows:-
Does the necessary technology exist to do what is suggested?
8
Does the proposed equipment have the technical capacity to hold the data
required to use the new system?
Can the system be upgraded if developed?
Economic Feasibility :-
Also referred to as cost benefit analysis, is the most frequently used method for
evaluating the effectiveness of a proposed system. The focus is to determine the
benefits and savings that are expected from proposed system and compared them
with cost. if benefit outweigh cost then the decision is made and implement the
system.
Our proposed system needs only a few software’s and printer along with a few
computer operators. Keeping in a view the long-term benefits provided by this
proposed system, these inputs costs are minimum.
Operational Feasibility :-
Operational feasibility is mainly related to human organizations and political
aspects. The points to be considered :-
Our proposed system is aimed to simplify the job without bringing much change
in way of working of existing system.
9
ANALYSIS
REQUIREMENT ANALYSIS :-
It is the detail study of the various operations performed by the system and their
relationship with in & outside the organization. The key question is:
What must be done to solve the problem?
One of the most difficult aspects of program development is in getting both the
customer & developers to understand what each of them is trying to say.
10
DESIGNING
DESIGNING :-
The most creative and challenging phase of the system development life cycle is
system design. The term design describes a final system and the process
by which it is developed, i.e. we have moved from logical to physical aspect
of life cycle, the key question in case of designing is
“How the problem should be solved?”
The first step is to determine how the output is to produced and in what format.
Samples of input and output are also presented. The second step is Input data and
the master files have to be designed to meet the requirement and an impact of the
system on the organization are document and evaluated by the management.
A lot of factor are taken into consideration while preparing a good system design
which includes performance analysis, security and control , system prototyping ,
designing user interface , design documentation and reviews etc. In the context
of present project, great care and attention has been provided to ensure proper
security, password have been use to restrict access only to the authorized user.
Moreover, In order to make the software easy to use, a user interface that is very
11
much user friendly has been used with a lot of useful tips displayed while
feeding and retrieving information.
INTRODUCTION TO HTML
HTML stands for Hypertext Markup Language. It was created by Tim Berners-
Lee at CERN, the European Laboratory for Particle Physical in Geneva. It was
later modified to act as a universally understood language.
HTML is a simplified subset of a more general markup called SGML (Standard
Generalized Markup language) that is a meta language which is used to create
markup languages that are of different application domain. HTML is a special
formatting language that defines the appearance and contents of a webpage. It is
extremely simple and requires no knowledge used interface language used now a
days for the web.
Each word in Hypertext Markup Language(HTML) has a special meaning.
The word Hypertext refers to the text which act as a link. you can jump to
any web page on the Internet by simply clicking the text which act as a link.
The word Language refers to the syntax that is similar to any other language.
12
So HTML is a method where ordinary text can be converted into hypertext using
a special set of symbols to control the layout and appearance of text.
HTML TOOLS
TAG - These are the symbol of character used to define the appearance and
contents of web page. Tab are represent by angular bracket (<>).
Two types of tag
Paired
Unpaired
<html> - the <html> tag is used to tell the browser that document is written in
html. All other tags included within <html> and </html>tags.
<head> -this tag contains the information about the document. The portion
enclosed between the <head> and </head> tags is called header.
13
<title> - this element contain the document title. Title is given between the
tags <title> and </title>.
<body> -this tag encloses tags, attributes and information that one wants the
browser to display. To use <body> tag, enter it below the closing </head>tag and
above closing </html> tags.
<P>…</P>-Using this tag the document look like a single large paragraph.
<FONT>- The <FONT> allows you to specify how to format your font on a
web page.
<br> -the <br> tag is used to break a line at a particular place without
resorting to start a new paragraph. The <br> element never needs an end-tag.
14
IMAGE TAG (<IMG>) - Images are used to make your webpage distinctive.
The simplest way to place an image on the webpage is to use <img> tag.
Marquee – this tag is used to scroll text horizontally across the screen.
<FRAME>TAG - This tag contain the frame content and works same as the
<LI>tag for consist. It tell browser, what to put in each frame.
15
CODING
AND
SNAPSHOTS
16
CODING OF HOME PAGE (index.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
17
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
18
ul ol:hover {
background-color: red;
}
h3 {
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
19
height: 60px;
background-color: white;
}
.footer {
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>0
<title>HAMIRPUR DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
20
</tr>
</table>
</div>
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="20%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
21
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="60%">
<table width="100%" border="1">
<tr>
<th height="300px">
<h3><b><u>HAMIRPUR
VIEW</u></b></h3>
<p>
<marquee direction="left" behavior="scroll"
scrolldelay="200">
<img src="images/main/main1.jpg"
width="100%" height="250px">
       
<img src="images/main/main2.jpg"
width="100%" height="250px">
       
<img src="images/main/main3.jpg"
width="100%" height="250px">
       
<img src="images/main/main4.jpg"
width="100%" height="250px">
22
       
<img src="images/main/main5.jpg"
width="100%" height="250px">
</marquee></p>
</th>
</tr>
<tr>
<th height="250x">
<h3><b><u>HAMIRPUR</u></b></h3>
<div class="corp">
<P>The Hamirpur district is situated
between 76-17-50 to 76-43-42 east longitudes and 31-24-48 to 31-53-35 north
latitudes. It is located in the south western part of Himachal Pradesh. It is covered
by lower Himalayas, the elevation varies from the 400 meters to 1,100 meters. The
main hill ranges of the district are known as Jakh Dhar & Sola Singhi Dhar. The
Jakh dhar runs in continuation of Kali Dhar range in the Kangra district. It enters in
Hamirpur district near Nadaun and transverses it into southeastern direction. The
town of Hamirpur lies to the east of this range where the country is undulating but
in the north and north east bare and rugged hills, deep ravines with precipitous sides
transform the landscape into what has been described as an agitated sea suddenly
arrested and fixed stones. <a href="about.html"><u><i>For
More....</i></u></a></P>
</div>
</th>
</tr>
<tr>
<th height="100px">
<h3><b><u>CONNACT
WITH</u></b></h3>
<img src="images/link/FB.gif"
width="10%" height="50px">
       
<img src="images/link/GM.png"
width="10%" height="50px">
       
23
<img src="images/link/IG.png"
width="10%" height="50px">
       
<img src="images/link/TW.gif"
width="10%" height="50px">
       
<img src="images/link/YT.gif"
width="10%" height="50px">
</th>
</tr>
</table>
</th>
<th width="20%">
<table width="100%" border="0">
<tr>
<th height="175px">
<h3><b><u>NOTIFICATION</u></b></h3>
<p>
<marquee direction="up" behavior="scroll"
scrolldelay="200" height="175px" width="100%">
<ul>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun.</ol><hr>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
24
<ol>This is website for project in
Sidhart Govt. Degree College, Nadaun</ol><hr>
</ul>
</marquee>
<hr>
</p>
</th>
</tr>
<tr>
<th height="250px">
<h3><b><u>EVENT OF THE
DAY</u></b>
<div class="event">
The Cricket Tournament Final match
will be played on Boy's College Cricket Ground, Hamirpur today.
</h3>
</div><hr>
</th>
</tr>
<tr>
<th height="100px">
<h3><u><b>WEATHER
FORECAST</b></u></h3>
<div class="weather">
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
25
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
26
Short Directory
Banking (bank.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
27
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
28
h3 {
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
29
.footer {
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
30
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
31
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">STATE BANK OF INDIA</th>
<th width="40%"
height="70px">Main Market Branch</th>
<th width="10%"
height="70px">222322</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Punjab National Bank</th>
<th width="40%"
height="70px">DC Office Branch</th>
32
<th width="10%"
height="70px">222332</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Allahabad Bank</th>
<th width="40%"
height="70px">Bus Stand Branch</th>
<th width="10%"
height="70px">234468</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">HDFC Bank</th>
<th width="40%"
height="70px">Main Market Branch</th>
<th width="10%"
height="70px">223832</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">ICICI Bank</th>
<th width="40%"
height="70px">Bhota Chowk Branch</th>
<th width="10%"
height="70px">222342</th>
</tr>
<tr>
33
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Kangra Bank</th>
<th width="40%"
height="70px">Main Lower Market Branch</th>
<th width="10%"
height="70px">223742</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
34
Books & Publications (publ.html)
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
35
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
h3 {
36
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
.footer {
37
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
38
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
39
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Gautam Book Shop</th>
<th width="40%"
height="70px">Near Gautam College, hamirpur</th>
<th width="10%"
height="70px">233322</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Nadaun Book Store </th>
<th width="40%"
height="70px">Trimurti Market, Hamirpur</th>
<th width="10%"
height="70px">222092</th>
40
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Anu Books & PUblication</th>
<th width="40%"
height="70px">Anu, Hamirpur</th>
<th width="10%"
height="70px">234468</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
41
42
Colleges (coll.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
43
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
h3 {
44
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
.footer {
45
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR - DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
46
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
47
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Sidhart Govt. Degree College</th>
<th width="40%"
height="70px">Nadaun, Hamirpur</th>
<th width="10%"
height="70px">243435</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Trisha College of B.Ed</th>
<th width="40%"
height="70px">Nalti Road, Hamirpur</th>
<th width="10%"
height="70px">254745</th>
48
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Netaji Subhash Chandra Bose Memorial Degree College</th>
<th width="40%"
height="70px">Anu, Hamirpur</th>
<th width="10%"
height="70px">253746</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Govt. Girls College</th>
<th width="40%"
height="70px">Main Lower Market, Hamirpur</th>
<th width="10%"
height="70px">234546</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">National Institute of Technology</th>
<th width="40%"
height="70px">Anu, Hamirpur</th>
<th width="10%"
height="70px">234462</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
49
<th width="40%"
height="70px">Gautam Group of Colleges</th>
<th width="40%"
height="70px">Near Bus Stand, Hamirpur</th>
<th width="10%"
height="70px">222342</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
50
Hospitals & Clinic (hospt.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
51
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
h3 {
52
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
.footer {
53
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR - Veero Ki Bhumi</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
54
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
55
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">RSSB Charitable hospital</th>
<th width="40%"
height="70px">Bhota, Hamirpur</th>
<th width="10%"
height="70px">233438</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Govt. Hospital</th>
1 <th width="40%"
height="70px">Bhota Chowk, Hamirpur</th>
<th width="10%"
height="70px">224332</th>
56
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Aastha Hospital</th>
<th width="40%"
height="70px">Pucca Bharo, Hamirpur</th>
<th width="10%"
height="70px">234256</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Krishna Hospital</th>
<th width="40%"
height="70px">Near Bus Stand, Hamirpur</th>
<th width="10%"
height="70px">265642</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
57
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
58
Gas Agency & Petrol Pump (gas.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
59
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
h3 {
60
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
.footer {
61
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR - DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
62
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
63
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Puri Petrol Pump</th>
<th width="40%"
height="70px">Shimla Nadaun ByPass</th>
<th width="10%"
height="70px">223532</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Vijay Gas Agency</th>
<th width="40%"
height="70px">Pacca Baroo, Hamirpur</th>
<th width="10%"
height="70px">265632</th>
64
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Aman Gas Agency</th>
<th width="40%"
height="70px">Main Market, Hamirpur</th>
<th width="10%"
height="70px">234328</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Raman Lal Petrol Pump</th>
<th width="40%"
height="70px">Kuthra, Hamirpur</th>
<th width="10%"
height="70px">234452</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Gautam Gas & Petrol Pump</th>
<th width="40%"
height="70px">AwahDevi Road, Hamirpur</th>
<th width="10%"
height="70px">227652</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
65
<th width="40%"
height="70px">Vinay HP petrol Pump</th>
<th width="40%"
height="70px">Bhota, Hamirpur</th>
<th width="10%"
height="70px">233742</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
66
Schools (sch.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?
family=Alegreya:400,400i,700,700i,900,900i');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
67
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
ul ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
font-family: 'Alegreya', serif;
font-size: 15;
}
ul ol:hover {
background-color: red;
}
h3 {
68
font-family: 'Lobster', cursive;
font-size:
}
p{
text-align: justify;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.corp {
height: 185px;
background-color: white;
}
.event {
height: 175px;
background-color: white;
}
.weather {
height: 60px;
background-color: white;
}
.footer {
69
background-color: 002C9C;
}
.map {
text-align: center;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR - DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1.9 Dharna is being held by ABVP against student's rights.    
            2. Book Fair is being organized in Town
Hall, Hamirpur.                 3. The
Night Cricket Tournament is being played in Boys College, Hamirpur's Ground at
07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
70
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="0">
<tr>
<th width="17%" height="400px">
<h3>SHORT DIRECTORY</h3><hr>
<p>
<ul>
<ol><a
href="bank.html">BANKING</a></ol><hr>
<ol><a href="publ.html">BOOK
PUBLICATIONS</a></ol><hr>
<ol><a
href="coll.html">COLLEGES</a></ol><hr>
<ol><a href="hospt.html">HOSPITALS &
CLINICS</a></ol><hr>
<ol><a href="gas.html">GAS AGENCIES &
PETROL PUMP</a></ol><hr>
<ol><a
href="sch.html">SCHOOLS</a></ol><hr>
<ol>
<div class="map">
<h3><b><u>HAMIRPUR - IN
VIEW</u></b></h3>
71
<a
href="https://www.google.co.in/maps/place/Hamirpur,+Himachal+Pradesh/
@31.6908068,76.5010211,14z/data=!3m1!4b1!4m5!3m4!
1s0x3904d44c8c5639a5:0x2315ba2666cfba94!8m2!3d31.6861745!
4d76.5213092"><img src="images/main/main6.jpg" width="90%"
height="250px"></a>
</div>
</ol>
</ul>
</p>
</th>
<th width="83%">
<table width="100%" border="1">
<tr>
<th height="600px">
<table width="100%" border="1">
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">D.A.V. Public School</th>
<th width="40%"
height="70px">Salasi, Hamirpur</th>
<th width="10%"
height="70px">222322</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Blue Star Public School</th>
<th width="40%"
height="70px">Chowki, Hamirpur</th>
<th width="10%"
height="70px">222322</th>
72
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Him Public School</th>
<th width="40%"
height="70px">Hira Nagar Hamirpur</th>
<th width="10%"
height="70px">238968</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Oxford Internationl School</th>
<th width="40%"
height="70px">Near DC Office, Hamirpur</th>
<th width="10%"
height="70px">224532</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
<th width="40%"
height="70px">Gurukul Public School</th>
<th width="40%"
height="70px">Gurukul Mall, Hamirpur</th>
<th width="10%"
height="70px">222324</th>
</tr>
<tr>
<th width="10%"
height="70px"><img src=""></th>
73
<th width="40%"
height="70px">Karan Public School</th>
<th width="40%"
height="70px">Main Market, Hamirpur</th>
<th width="10%"
height="70px">223776</th>
</tr>
</table>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
74
About (about.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif');
@import url('https://fonts.googleapis.com/css?family=Lobster');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
75
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
p{
text-align: justify;
font-family: 'Droid Serif', serif;
margin: 0px 4px 0px 4px;
padding: 0px 4px 0px 4px;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.footer {
background-color: 002C9C;
}
</style>
76
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR -DARSHAN/ABOUT</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. The Annual Fuction is celebrating in
Gautam Group of Colleges by students.            
    3. The Night Cricket Tournament is being played in Boys College,
Hamirpur's Ground at 07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
77
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="1">
<tr>
<th width="100%" height="600px">
<h2>HISTORY</h2>
<P><u><b><font face=" 'Lobster', cursive"
size="4">Physical</font></b></u>: The Hamirpur district is situated between 76-
17-50 to 76-43-42 east longitudes and 31-24-48 to 31-53-35 north latitudes. It
is located in the south western part of Himachal Pradesh. It is covered by lower
Himalayas, the elevation varies from the 400 meters to 1,100 meters. The main hill
ranges of the district are known as Jakh Dhar & Sola Singhi Dhar. The Jakh dhar
runs in continuation of Kali Dhar range in the Kangra district. It enters in
Hamirpur district near Nadaun and transverses it into southeastern direction.
The town of Hamirpur lies to the east of this range where the country is undulating
but in the north and north east bare and rugged hills, deep ravines with
precipitous sides transform the landscape into what has been described as an
agitated sea suddenly arrested and fixed stones. The Chabutra hills have the same
dip and strike as in the Jakh Dhar and are continued beyond the Beas to what is
known as the Changar, a mass of rugged and broken hills. The Sola Singhi Dhar
is the longest range of the tract and is known under various names such as
Chintpurni and Jaswan Dhar in Una and by Sola Singhi in Hamirpur. Thus Dhar
enters Hamirpur to the east of Tappa Daruhi and traverses it in a south-easterly
direction more or less parallel to the Jakh Dhar and terminated on the Satluj.
Hamirpur district is bounded in the north by river Beas which separates it from
Kangra district. In the east Bakar and Seer Khads separate it from Mandi district.
In the south, It is bounded by Bilaspur district and in the west by Una district.
<br><br>
<u><b><font face=" 'Lobster', cursive"
size="4">History</font></b></u>: The history of Hamirpur is closely associated
with the Katoch dynasty which ruled the area between the Ravi and Satluj rivers in
the olden days. It is evident from the “Puranas” and Panini’s “Ashtadhyai” that
during the Mahabharta period, Hamirpur was a part of the old Jallandhar-Trigarta
78
empire. Panini referred to the people of this kingdom as great warriors and fighters.
The tradition of those people seems to have continued till today, as is evident from
the large number of people from the region in Indian defence forces. It is believed
that in the ancient period, the rulers of Gupta dynasty had set up their sovereignty
over this part of the land. During the middle ages, Presumably the area fell under
the control of Mohammed Gazani, Timurlang and later Sultans. But with the
passage of time, all the aforesaid rulers went away and at the time of Hamir Chand,
a Katoch ruler, the area was under the control of ‘Ranas’ (Feudal hill chiefs). Some
of the prominent Ranas were, ranas of Mewa, ranas of Mehalta and Dhatwal. There
was no time when these feudal chiefs were not in quarrel against each other. It was
only the Katoch dynasty which put these Ranas under its control, to ensure an
orderly society. The Katoch dynasty became predominant during the period of
Hamir Chand who ruled from 1700 A.D. to 1740 A.D. <br>
It was this ruler who built the fort at Hamirpur and the present town of
Hamirpur derives its name from this ruler. Hamirpur came to much lime–light only
during the period of Raja Sansar Chand-II. He made ‘Sujanpur Tira’ his capital and
erected palaces and temples at this place. Raja Sansar Chand ruled from 1775 A.D.
to 1823 A.D. He dreamt of establishing the old empire of Jallandhar-Trigarta, which
his ancestors had held at one time, Perhaps according to some historians he tried
twice unsuccessfully. The rise of Raja Ranjit Singh proved a great hurdle for his
ambitions. Therefore, he diverted his attention towards the local hill chiefs. He
attached Mandi state and made Raja Ishwari Sen a pioner for 12 years at Nadaun.
He also obliged the Suket ruler to pay an annual tribute and annexed parts of
Bilaspur state on the right bank of Satluj. Becoming alarmed by the advancement of
Sansar Chand, all the hills chiefs joined hands and invited the Gurkhas to stop the
uncontrolled might of Katoch ruler. The combined armies fought against Sansar
Chand’s army at Mahal Morion in Hamirpur.
<br><br>
<u><b><font face=" 'Lobster', cursive" size="4">Languages
Spokenfont></font></b></u>: People of the Hamirpur district speak dialects of
western Pahari. These dialects are akin to other dialects spoken in the adjoining
areas of Mandi ,Bilaspur and Kangra districts. According to the classification
languages made by the Linguistic Survey of India, Pahari comes under Indo-
European family of languages. It has further been classified as a language
79
belonging to Aryan Subfamily, Indo-Aryan Branch, Inner Sub-Branch,Pahari
Group and Western Pahari Sub-Group (Census of India 1961, Vol.I.India,Part II-C
(ii) Language Tables,p.CLXX). Western Pahari includes a number of district
dialects. Besides Western Pahari, bulk of the population of Hamirpur district can
speak Hindi.
<br><br>
<u><b><font face=" 'Lobster', cursive" size="4">Living &
Food Habits</font></b></u>: Generally, people have the pucca houses in the
district and are double storeyed. This is primarily because stone is available in
abundance and slates for roofs are also available in nearby quarries in the
adjoining districts. People, indeed, have developed a taste for good houses and
the traditional stones are getting replaced by bricks corrugated sheets and marvel
fastly. About 92% population of this district live in the Rural areas and they are
agriculturist. They grow wheat, Barley, Gram, Masar etc. in the Rabi season and
Maize, Paddy, Blackgram, Kulth etc. in the Kharif season. People like Wheat,
Rice as well as Maize Roties with Lassi and Sarson Ka Sag. They also like Curry.
Some people also eat meat and drink. Fish is easily available in the Rivers, khads
and Nullahs, which flow through the district. Population living in the rural areas
keep Goats and Sheep and some people in rural as well as urban areas are also
running Poultry Forms which easily meet the demand of the district. To meet
out the heavy demand of the fish in the urban areas, Fishery Department also
import the fish from the neighbouring districts viz; Bilaspur and Una.
<br><br>
<u><b><font face=" 'Lobster', cursive" size="4">River
System</font></b></u>: The river is drained by a number of perennial streams
which are tributaries of either river Beas or river Satluj. Bakar Khad, Kunha Khad
and Man Khad drain into river Beas, while sukar Khad and Mundkhar Khad drain
into Seer Khad which ultimately mingles into the river Satluj.
<br><br>
<u><b><font face=" 'Lobster', cursive" size="4">Fauna &
Flora</font></b></u>: The various species of plants and forest trees are generally
found in the districts such as Kikar, Khair, Bil, Sirish, Ambla, Neem, Karal,
Taur, Kasmal, etc. The species of animals commonly found in the district are
namely leopard, hare, wild boar, jackal kakar, monkey and sambhar. Among the
80
birds commonly found are namely chakor, crow, jungli murga, kala titar, safed
titar and woodpecker etc.
</P>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
81
Visiting Place (visit.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif');
@import url('https://fonts.googleapis.com/css?family=Lobster');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
82
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
p{
text-align: justify;
font-family: 'Droid Serif', serif;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.footer {
background-color: 002C9C;
}
</style>
<!DOCTYPE html>
<html>
83
<head>
<title>HAMIRPUR - DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. The Annual Fuction is celebrating in
Gautam Group of Colleges by students.            
    3. The Night Cricket Tournament is being played in Boys College,
Hamirpur's Ground at 07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
84
</div>
<table width="100%" border="1">
<tr>
<th width="100%" height="600px">
<h2><b><u>PLACE OF INTEREST</u></b></h2>
<p>
<u><b><font face=" 'Lobster', cursive"
size="4">Sujanpur Tira</font></b></u>: It was founded by Raja Abhay Chand, the
king of ruling Katoch dynasty of Kangra in 1748 A.D. There is a tomb of Nawab
Gulam Mohammed of Rampur. There are five old temples at Tira and Sujanpur.
Bara-dari (Court Room) of Raja Sansar Chand at Sujanpur.The temple dedicated to
Gauri Shankar was built during the time of Raja Sansar Chand in 1793 A.D. in the
sacred memory of his mother. The temple of Murli Manohar and Narbadeshwar
(built by Pransani Devi, The Suketi rani of Raja Sansar Chand) were also builit in
this time in 1970 and 1823 A.D. respectively. Other temples of repute are the
Mahadev temple, Devi and Vyasheshwar dedicated to Rishi Vyas) temple. Obreen’s
horses grave ( he was Raja Sansar Chand’s commander) is also located in Sujanpur.
This territory was first visited by a German, named ‘Traveck’ and then by a British
traveller named ‘Moorcraft’. <br>
<br><br>
<u><b><font face=" 'Lobster', cursive"
size="4">Nadaun</font></b></u>: In Princely days, it is used to be the
headquarters of the Nadaun Jagir, Maharaja Sansar Chand of Kangra used to hold
his court during summer for a number of year during his reign. Nadaun is also
Known for Bilkleshwar Mahadev temple which is said to be have been founded by
the Pandavs. Nadaun FortNadaun is famous for its beautiful people and a
Gurudwara founded in A.D. 1929. Nadaun was a gay place, during the reign of
Sansar Chand II. There was a saying current in Kangra hill (Who that comes to
Nadaun will not go away). This is explained by the fact that there were two hundred
singing and dancing girls at Nadaun and whoever come under the spell of these
enchantresses never thought of leaving. Thus writes Ghulam Mohiuddin in Tarikh-i
Punjab. It is peaceful town with a good Rest House, an Old Palace and Shiva
temple.
<br><br>
85
<u><b><font face=" 'Lobster', cursive"
size="4">Deotsidh Temple</font></b></u>: It is situated on the border of Bilaspur
(70 Kms), Hamirpur (30 Kms) and is well connected by roads from all sides. Idol
of Shri Baba Balak Nath ji, Deotsidh Hamirpur (H.P.)During Navratras, there is a
continuous stream of visitors to receive blessings of the Babaji. Government makes
arrangements for stay in tented colonies and provides water, toilets and other
essential services. Additional accommodation and installation of rope way to Shah -
Talai is expected to attract more tourists. This temple is one of the biggest revenue
earning institutions of the Himachal state and is visited by nearly 45 lakhs of
devotees across the country every year. ‘Mela’s are organized during Holi festival.
Sunday is considered auspicious day of Babaji and consequently attracts huge
devotees on this day.
<br><br>
<u><b><font face=" 'Lobster', cursive"
size="4">Markanda</font></b></u>: It is located in district Hamirpur, 6 KM away
from Dera parol on the bank of Kunah Khad is the place of Markandya Rishi.
According to Puranas, it is there that the idol of Rishi Markandya was installed. A
Natural water spring is also located there. The fair of markanda is also famous.
<br><br>
<u><b><font face=" 'Lobster', cursive"
size="4">Bhota</font></b></u>: It is located on Dharamshala-Shimla road at a
distance of 15 KMs. from Hamirpur towards Bilaspur. The place is famous for
Radha Swami Satsang and one of the largest charitable hospital of the state have
been constructed by the same religious trust.
</p>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
86
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
87
Gallary (img.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
text-align: center;
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
88
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.footer {
background-color: 002C9C;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR -DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
89
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. The Annual Fuction is celebrating in
Gautam Group of Colleges by students.            
    3. The Night Cricket Tournament is being played in Boys College,
Hamirpur's Ground at 07:00 PM daily.</font></marquee></th>
</tr>
</table>
</div>
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<table width="100%" border="1">
<tr>
<th width="100%" height="600px">
<div>
90
   <img src="images/gallary/g1.jpg"
width="32%" height="200px">   <img src="images/gallary/g2.jpg"
width="32%" height="200px">   <img src="images/gallary/g3.jpg"
width="32%" height="200px"><br>
<table width="100%">
<tr>
<th width="33%">GANDHI CHOWK,
HAMIRPUR</th>
<th width="34%">BUS STAND,
HAMIRPUR</th>
<th width="33%">NIT, ANU,
HAMIRPUR</th>
</tr>
</table>
   <img src="images/gallary/g4.jpg"
width="32%" height="200px">   <img src="images/gallary/g5.jpg"
width="32%" height="200px">   <img src="images/gallary/g6.jpg"
width="32%" height="200px"><br>
<table width="100%">
<tr>
<th width="33%">SUJANPUR FORT,
SUJANPUR TIRA, HAMIRPUR</th>
<th width="34%">LAXMI NARAYANA
TEMPLE, KANGOO, HAMIRPUR</th>
<th width="33%">BABA BALAK NATH
TEMPLE, DEOTSIDH, HAMIRPUR</th>
</tr>
</table>
   <img src="images/gallary/g7.jpg"
width="32%" height="200px">   <img src="images/gallary/g8.jpg"
width="32%" height="200px">   <img src="images/gallary/g9.jpg"
width="32%" height="200px"><br>
<table width="100%">
<tr>
91
<th width="33%">NADAUN-KANGRA
BRIDGE, NADAUN, HAMIRPUR</th>
<th width="34%">NADAUN FORT,
NADAUN, HAMIRPUR</th>
<th width="33%">AWAH DEVI TEMPLE,
AWAH DEVI, HAMIRPUR</th>
</tr>
</table>
   <img src="images/gallary/g10.jpg"
width="32%" height="200px">   <img src="images/gallary/g11.jpg"
width="32%" height="200px">   <img src="images/gallary/g12.jpg"
width="32%" height="200px"><br>
<table width="100%">
<tr>
<th width="33%">TAUNI DEVI TEMPLE,
TAUNI DEVI, HAMIRPUR</th>
<th width="34%">DHYANU BHAGAT
SAMADHI TEMPLE, NADAUN</th>
<th width="33%">GURUDWARA SHRI
PATSHAHI DASVIN, NADAUN</th>
</tr>
</table>
   <img src="images/gallary/g13.jpg"
width="32%" height="200px">   <img src="images/gallary/g14.jpg"
width="32%" height="200px">   <img src="images/gallary/g15.jpg"
width="32%" height="200px"><br>
<table width="100%">
<tr>
<th width="33%">TAAL POND, TAAL,
HAMIRPUR</th>
<th width="34%">ATAL BIHARI VAJPAI
CRICKET STADIUM, NADAUN</th>
<th width="33%">SHANI DEV TEMPLE,
LAMBLOO</th>
</tr>
92
</table>
</div>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
</div>
</body>
</html>
93
VIP Contacts (i.contact.html):-
<style>
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
body {
background-color: 76FF46;
margin: 0px;
}
h1 {
text-align: center;
font-size: 900%;
color: red;
line-height: 160px;
}
h3 {
text-align: center;
margin: 1px;
color: blue;
font-size: 50px;
}
ul {
margin: 0px;
padding: 0px;
}
ul li {
float: left;
width: 20%;
94
text-align: center;
background-color: 171D55;
height: 30px;
line-height: 35px;
list-style: none;
border: 0px solid blue;
}
ul li:hover {
background-color: blue;
}
ul li a {
color: white;
text-decoration: none;
}
p{
text-align: left;
}
.header {
margin: 0px;
padding: 0px;
height: 150px;
background-color: 002C9C;
.bn {
background-color: E2FC91;
}
.footer {
background-color: 002C9C;
95
}
.blank {
height: 5px;
background-color: black;
}
.detail {
text-align: justify;
}
</style>
<!DOCTYPE html>
<html>
<head>
<title>HAMIRPUR - DARSHAN</title>
</head>
<body>
<div class="header">
<h1><font face="'Russo One', sans-serif">HAMIRPUR</font></h1>
</div>
<div class="bn">
<table width="100%">
<tr>
<th width="15%"><font face="'Anton', sans-serif"
size="5">BREAKING NEWS</font></th>
<th width="85%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font face="'Fjalla One', sans-serif"
size="4">1. Dharna is being held by ABVP against student's rights.    
            2. The Annual Fuction is celebrating in
Gautam Group of Colleges by students.            
    3. The Night Cricket Tournament is being played in Boys College,
Hamirpur's Ground at 07:00 PM daily.</font></marquee></th>
</tr>
96
</table>
</div>
<div>
<ul>
<li><a href="index.html"><font face="'Baloo Bhaina', cursive"
size="5">HOME</font></a></li>
<li><a href="about.html"><font face="'Baloo Bhaina', cursive"
size="5">ABOUT</font></a></li>
<li><a href="img.html"><font face="'Baloo Bhaina', cursive"
size="5">VISITING PLACE</font></a></li>
<li><a href="visit.html"><font face="'Baloo Bhaina', cursive"
size="5">GALLARY</font></a></li>
<li><a href="i.contact.html"><font face="'Baloo Bhaina', cursive"
size="5">VIP CONTACTS</font></a></li>
</ul>
</div>
<h3><b>IMPORTANT CONTACTS - DISTRICT HAMIRPUR,
HP</b></h3>
<table width="100%" border="1">
<tr>
<th width="100%" height="500px">
<table border="0" width="100%">
<tr>
<th width="20%" height="100px"></th>
<th width="30%">
<div>
<h5>NAME</h5>
Prem Kumar Dhumal <br> Anurag
Thakur <br> Narendar Thakur <br> ID Lakhanpal <br> Vijay Agnihotri
</div>
</th>
<th width="10%" height="150PX">
<div>
<h5>CONT.</h5>
97
Hamirpur <br> Hamirpur <br>
Sujanpur <br> Barsar <br> Nadaun
</div>
</th>
<th width="5%" height="150PX">
<div>
<h5>DESIGNATION</h5>
MLA <br> MP <br> MLA <br> MLA
(CPS) <br> MLA
</div>
</th>
<th width="15%" height="150PX">
<div>
<h5>CONTACT</h5>
9418050009 <br> 9418000981 <br>
9418069600 <br> 9418030361 <br> 9418069696
</div>
<th width="20%"></th>
</th>
</tr>
</table>
<div class="blank"></div>
<table width="100%" border="1">
<tr>
<th width="15%" height="400px">
<div class="detail">
<p>DC, Hamirpur <hr>ADC,
Hamirpur <hr>AC to DC, Hamirpur <hr>SDM, Hamirpur <hr>SDM, Barsar
<hr>SDM, Bhoranj <hr>SDM, Sujanpur <hr>SDM, Nadaun <hr>DRO, Hamirpur
<hr>Tehsildar, Hamirpur <hr>Tehsildar, Sujanpur </p>
</div>
</th>
<th width="10%" height="400px">
<div class="detail">
98
<p>224300 <hr>224343 <hr>222449
<hr>224304 <hr>288045 <hr>266928 <hr>272700 <hr>232511 <hr>222649
<hr>222226 <hr>272047 </p>
</div>
</th>
<th width="15%" height="400px">
<div class="detail">
<p>Tehsildar, Nadaun <hr>Tehsildar,
Bhoranj <hr>Tehsildar, Barsar <hr>Tehsildar, Tauni Devi <hr>Temple Officer,
BBNTT <hr>Distt. Planning Officer <hr>SP, Hamirpur <hr>ASP, Hamirpur
<hr>Dy. S.P. (HQ) <hr>Addl. SP (Vigilance) <hr>SDPO, Barsar </p>
</div>
</th>
<th width="10%" height="400px">
<div class="detail">
<p>232216 <hr>288029 <hr>278030
<hr>286354 <hr>222702 <hr>223036 <hr>224358, 224357 <hr>224958
<hr>224338 <hr>222307 <hr>288021 </p>
</div>
</th>
<th width="15%" height="400px">
<div class="detail">
<p>Divisional Forest Officer <hr>
DFO Wild Life<hr>RTO, Hamirpur <hr>D.M. HRTC, Hamirpur <hr>R.M. HRTC,
Hamirpur <hr>Dy. Director, Agriculture<hr>Dy. Director, Horticulture <hr>Distt.
Contr. FSC&CA <hr>DPO, ICDS, Hamirpur <hr>Distt. Walfare Officer <hr>Distt.
Treasury Officer</p>
</div>
</th>
<th width="10%" height="400px">
<div class="detail">
<p>224922 <hr>222319, 222614
<hr>221330, 221331 <hr>224485 <hr>222326, 222347 <hr>225482 <hr>224757
<hr>222335 <hr>225085 <hr>222379 <hr>222265 </p>
</div>
99
</th>
<th width="15%" height="400px">
<div class="detail">
<p>Distt. Panchayat Officer
<hr>Asstt.Register, Coop.Soc <hr>Commandant, HomeGuards <hr>Fire Officer,
Hamirpur <hr>E.O., MC, Hamirpur<hr>G.M., DIC, Hamirpur <hr>Asst.Commr.
Taxation <hr> Mining Officer, Hamirpur <hr>Project Officer,
HIMURJA<hr>Director, Sainik Welfare <hr>Registrar, HPTU </p>
</div>
</th>
<th width="10%" height="400px">
<div class="detail">
<p>222407 <hr>222239 <hr>222274,
222823 <hr>222533 <hr>221513 <hr>222309 <hr>222285 <hr>221520
<hr>224731 <hr>224659 <hr>224153 </p>
</div>
</th>
</tr>
</table>
</th>
</tr>
</table>
<div class="footer">
<table width="100%" border="1">
<tr>
<th width="20%"><font color="white">Movies (in
Theater):</font></th>
<th width="80%"><marquee direction="left"
behavior="scroll" scrolldelay="200"><font color="white">[ANTRIKSH MALL:
Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00 PM).....]  
                     
[PVR CENIMA: Badrinath Ki Dulhaniya (09:00 AM, 12:00 PM, 03:00 PM, 06:00
PM).....]</font></marquee></th>
</tr>
</table>
100
</div>
</body>
</html>
101
Home Page
102
BANKING PAGE
103
BOOKS & PUBLICATION PAGE
104
105
HOSPITALS & CLINICS
106
GAS AGENCIES AND PETROL PUMP PAGE
107
108
109
Visiting Place Page
110
Gallary Page
111
Admin. Contact Page
112