code

intropage.
html
<html>
<link rel="stylesheet" href="dec.css">
<title>Introduction Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<hr color="black" size="10">
<h2>About Me</h2>
<p>
This is my simple introductory page created using simple HTML tags and CSS.<br>
My Hobbies are playing, coding etc. My friends are my heartbeats and my parents are my
heart. My class is vey obedient. My Class is X<sup>th</sup>. I study in "Sidharth
International School".
</p>
<h2>Acknowledgement</h2>
<p>
I would like to extend my sincere and heartfelt thanks towards all those who have
helped me in making this project.
Without their active guidance, help, cooperation, and encouragement, I would not have
been able to present the project on time.
</p>
<p>
I extend my sincere gratitude to my principal <b><i>Mrs. Pushpa Ma'am</i></b> and my
Computer teacher <b><i>Mrs. Priya Aggarwal Ma'am</i></b> for their moral support and
guidance during the tenure of my project.
</p>
<p>
I also acknowledge with a deep sense of reverence, my gratitude towards my parents
and other faculty members of the school for their valuable suggestions given to me in
completing the project.
</p><br>
<a href="#">Top</a><br><br><br>
<a href="projectpage.html">Project Page</a>
</body>
</html>
projectpage.html
<html>
<head>
<title>Derailed Analysis</title>
<style>
img {
border: 10px black double;
}
table {
width: 900px;
height: 900px;
margin-top: 15px;
background-color: white;
font-weight: 900;
color: black;
font-size: 20;
font-family: monospace;
}
td {
border: 15px double black;
text-align: center;
}
th {
background-color: black;
font-weight: 900;
color: white;
border: 15px double white;
padding: 18px;
text-align: center;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<ol>
<li><a href="#h">Haryana</a></li>
<li><a href="#vah">Video and Audio</a></li>
<li><a href="#m">Manipur</a></li>
<li><a href="#vam">Video and Audio</a></li>
<li><a href="#t">Table</a></li>
<li><a href="#c">Conclusion</a></li>
</ol>
<h1>Detailed Analysis</h1>
<a name="h">
<img src="h1.jpg" style="float: left; margin: 10px;">
<img src="h4.jpeg" style="float: right; margin: 10px;">
<img src="h2.png" style="float: right; margin: 10px;">
<img src="h3.jpg" style="float: left; margin: 10px;" height="300px">
<img src="h5.png" style="float: left; margin: 10px;" width="600px">
<p style="border: none; font-size: 30px;"></a>
Haryana is a state located in the northern part of India. Established on November 1,
1966, it was carved out of the former state of Punjab to create a separate identity for the
predominantly Hindi-speaking regions. The state surrounds the national capital, Delhi, on
three sides, and it shares borders with Punjab, Himachal Pradesh, Uttarakhand, Uttar
Pradesh, and Rajasthan.
</p><br><br>
<a name="vah">
<center><video controls><source src="vh.mp4"></video><br><br>
<audio controls><source src="ah.mp3"></audio><br><br></center></a>
<a name="m"></a>
<img src="m1.jpeg" style="float: left; margin: 40px;">
<img src="m2.jpeg" style="float: right; margin: 40px;">
<img src="m3.jpg" style="float: left; margin: 40px;" height="300px">
<img src="m4.webp" style="float: right; margin: 40px;">
<img src="m5.jpg" style="float: right; margin: 10px;" height="500px">
<p style="border: none; font-size: 30px;">
Manipur is a northeastern state of India, known for its scenic landscapes, rich cultural
heritage, and vibrant traditions. It is one of the "Seven Sisters" states in the northeastern
part of the country and shares international borders with Myanmar (Burma).</p><br><br>
<a name="vam"></a>
<center><video controls><source src="vm.mp4"></video><br><br>
<audio controls><source src="am.mp3"></audio><br><br></center>
<a name="t"></a>
<h2>Comparison Table</h2>
<center><table cellspacing="50px" cellpadding="50px" border="10" bordercolor="black">
<tr>
<th colspan="3">Table</th>
</tr>
<tr>
<th>Aspect</th>
<th>Manipur</th>
<th>Haryana</th>
</tr>
<tr>
<td>Location</td>
<td>Northeastern state in India</td>
<td>Northern state in India</td>
</tr>
<tr>
<td>Capital</td>
<td>Imphal</td>
<td>Chandigarh</td>
</tr>
<tr>
<td>Language</td>
<td>Meiteilon (Manipuri)</td>
<td>Hindi, Punjabi</td>
</tr>
</table></center>
<a name="c"></a>
<h2>Conclusion</h2>
<p>Manipur and Haryana are two diverse states in India, each with its unique
characteristics and cultural identity. While Manipur, situated in the northeastern part of
the country, boasts a rich cultural heritage and is known for its scenic landscapes,
Haryana, in the northern region, is a bustling state contributing significantly to
agriculture, industry, and services.</p>
<a href="#" style="background-color:black;color: white;text-decoration: overline;font-
weight: 900;font-size: 20px;
margin: 5px;padding: 10px;">Top</a><br><br><br>
<a href="index.html" style="background-color:black; color:white;text-decoration:
overline;font-weight: 900;font-size: 20px;
margin: 5px;padding: 10px;">Introduction</a><br><br><br>
<a href="summary.html" style="background-color:black; color: white;text-decoration:
margin-top: 10px;padding: 10px;" target="_blank">Summary</a>
</body>
</html>
summary.html
<html>
<head>
<title>Summary</title>
<style>
form {
color: black;
padding: 10px;
}
</style>
</head>
<body>
<h1>Comparison</h1>
<p>
<b>**Geography and Demographics:**</b> Manipur is a smaller state both in terms of
area and population, known for its cultural festivals and natural attractions. Haryana, with
a larger area and population, plays a crucial role in India's economic landscape, particularly
in agriculture and industry.
</p>
<p>
<b>**Governance:**</b> Manipur is led by Chief Minister N. Biren Singh, with La
Ganesan as the Governor. Haryana is governed by Chief Minister Manohar Lal Khattar, and
Bandaru Dattatreya serves as the Governor.
</p>
<p>
<b>**Economic Contributions:**</b> Manipur's economy is characterized by significant
contributions from agriculture and handloom industries. Haryana's economy is more
diversified, with contributions from agriculture, industry, and various services.
</p>
<p>
<b>**Cultural Aspects:**</b> Both states have their unique cultural identities
reflected in their languages, festivals, and notable attractions. Manipur's festivals like
Yaoshang and Cheiraoba showcase its cultural vibrancy, while Haryana celebrates festivals
like Baisakhi and Teej.
</p>
<h1>#YourOpinionMatter</h1>
<form>
Name: <input type="text" id="name" name="name">
<br><br>
Password: <input type="password" id="password" name="password">
<br><br>
Gender:
<input type="radio" id="male" name="gender"> Male
<input type="radio" id="female" name="gender"> Female
<input type="radio" id="other" name="gender"> Other
<br><br>
Better:
<input type="checkbox" id="haryana" name="state">Haryana
<input type="checkbox" id="manipur" name="state">Manipur
<br><br>
Any Other State Info You Want?
<select id="state" name="state" required>
<option>Select State</option>
<option>Tamil Nadu</option>
<option>Chandigarh</option>
<option>Delhi</option>
</select>
<br><br>
<input type="reset" value="Clear">
<input type="submit" value="Submit">
</form>
<hr color="black" size="10"><br>
<a href="#" style="background-color:black;color: white;text-decoration: overline;font-
weight: 900;font-size: 20px;
margin: 5px;padding: 10px;">Top</a><br><br><br>
<a href="index.html" style="background-color:black; color:white;text-decoration:
margin: 5px;padding: 10px;">Introduction</a><br><br><br>
<a href="projectpage.html" style="background-color:black; color: white;text-decoration:
margin-top: 10px;padding: 10px;" target="_blank">Project</a>
</body>
</html>
dec.css
body {
font-family: sans-serif;
background-color: #f4f4f4;
margin: 10px;
padding: 10px;
padding: 10px;
padding-bottom: 20px;
}
h1 {
color: #fff;
text-align: center;
padding: 10px;
margin: 0;
border: 10px white double;
}
p{
margin: 20px;
padding: 40px;
text-align:justify;
font-size: 20px;
font-weight: 300;
border: 10px solid black;
}
h2 {
border: 10px white double;
text-transform:uppercase;
padding: 10px;
font-family: Times New Roman;
word-spacing: 5px;
letter-spacing: 5px;
color: white;
text-align: center;
}
a{
color: white;
text-decoration: overline;
font-weight: 900;
font-size: 20px;
margin: 5px;
padding: 10px;
}
ol {
font-weight: 100;
text-align: left;
color: white;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
font-family: monospace;
}

code

Uploaded by

Copyright:

Available Formats

You might also like

code

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

code

Uploaded by

Copyright:

Available Formats

intropage.

You might also like