HTML Tribute Page Project Report

Tribute page
Tribute Page
 Introduction to Tribute
A tribute is a gesture or expression of respect, admiration, or gratitude towards
someone or somethimg.it is a way to honour and celebrate the achievements,
contribution, or qualities of a person, group, or thing that has had a significant impact on
our lives.
Tributes are way to show appreciation and recognition for the positive influence
that someone or something has had on us. they help us to remember the good things in
life, and to acknowledge the people who have made a difference in our lives.
 What is tribute page?

A tribute page is a web page or website dedicated to celebrating and honouring the
life. Achievements, or memory of a person, group, or thing. It is digital platform where
people can share their memories, stories, and feelings about the person or the thing being
honoured. A tribute page typically includes photos, videos, biographical information, and
other details about the subject. It may also feature personal anecdotes, testimonials, and
messages of support from friends, family members, and fans.
Tribute pages are often created in memory of someone who has passed away,
such as loved one or public figure. they can also be created to celebrate the
accomplishments of a living person, such as an athlete, musicians, or humanitarian.
Tribute pages are a way to keep memories alive and to share them with others in a
meaningful way. They provide a space for people to express their emotions and connect
with others who have been touched by the same person or thing.
E.g., Tribute page of Muhammad Ali
1
Sharad institute of technology polytechnic, Yadrav
Tribute page
 We have made a tribute page and linked with another tribute page, using anchor tag to
create hyperlink.
Procedure for applying anchor tag for linking 2 tribute pages

Step 1: create a webpage with name “first_page” with following tribute code
<!DOCTYPE html>
<html lang="en">
<head>
<style>
body {
background-color: skyblue
margin: 20%;
}
#title {
text-align: center;
text-shadow: 5px 5px 10px white;
font-size: 7vh;
}
img {
display: inline-block;
width: 100%;
}
#caption {
font-size: 17px;
font-family: Gill Sans;
color: black;
}
div#tribute-data {
background-color: rgb(46, 139, 87, 0.25);
box-shadow: 20px 20px 20px darkblue;
font-family: Georgia;
2
Tribute page
padding: 25px 25px;

margin: 11px;
margin-top: 50px;
}
h1.title-APJ {
font-size: 35px;
color: white;
text-align: center;
text-shadow: 5px 5px 10px black;
}
#tribute-link {
text-decoration: none;
color: black;
}
</style>
</head>
<body>
<main id="main">

<h1 id="title">
A. P. J. Abdul Kalam
</h1>
<div id="img">

<img src="E:\\Tasmiya\.html\2t-19-1658918054.jpg" id="image"
alt="Error Loading Image">
<small id="caption">
Great Indian scientist and politician who played a leading role in the development
of India’s missile and nuclear weapons programs.
</small>
</div>
3
Tribute page
<div id="tribute-data">

<h1 class="title-APJ">
About the Legend
</h1>
<p>
☛ A.P.J. Abdul Kalam, in full Avul Pakir Jainulabdeen Abdul Kalam, was born on October
15, 1931, in Rameswaram, Tamil Nadu, India.<br><br>
☛ He served as the 11th President of India from 2002 to 2007.<br><br>
☛ Kalam earned a degree in aeronautical engineering from the Madras Institute of

Technology and in 1958 joined the Defence Research andDevelopment Organisation
(DRDO).<br><br>
☛ In 1969, he moved to the Indian Space Research Organisation, where he was project
director of the SLV-III, the first satellite launch vehicle that wasboth designed and produced
in India.<br><br>
☛ Rejoining DRDO in 1982, Kalam planned the program that produced a number of
successful missiles, which helped earn him the nickname <strong> “Missile
Man.”</strong><br><br>
☛ Among those successes was Agni, India’s first intermediate-range ballistic missile, which
incorporated aspects of the SLV-III and was launched in 1989.<br><br>
☛ He also played a pivotal organisational, technical, and political role in India's Pokhran-II
nuclear tests in 1998, the first since the original nuclear test by India in 1974.
<br><br>
☛ From 1992 to 1997 Kalam was scientific adviser to the defense minister, and he later
served as principal scientific adviser (1999–2001) to the government with the rank of cabinet
minister.<br><br>
☛ His prominent role in the country’s 1998 nuclear weapons tests solidified India as a
nuclear power and established Kalam as a national hero, although the tests caused great
concern in the international community.<br><br>
☛ In 1998 Kalam put forward a countrywide plan called Technology Vision 2020, which he
describedas a road map for transforming India from a less-developed to a developed society
in 20 years. The plan called for, among other measures, increasing agriculturalproductivity,
emphasizing technology as a vehicle for economic growth, and widening access to health
care andeducation.<br><br>
4
Tribute page
☛ Kalam received <b>7</b>honorary doctorates from <b>40</b> universities. The

Government of India honoured him with the <b>Padma Bhushan in 1981</b> and the
<b>Padma Vibhushan in 1990</b> for his work with ISRO and DRDO and his role as a
scientific advisor to the Government.<br><br>
☛ In 1997, Kalam received India's highest civilian honour, the Bharat Ratna, for his
contribution to the scientific research and modernisation of defence technology in
India.<br><br>
☛ In 2013, he was the recipient of the Von Braun Award from the National Space Society "to
recognize excellence in the management and leadership of a space-related project".<br><br>
☛ While delivering a lecture at the Indian Institute of Management Shillong, Kalam
collapsed and died from an apparent cardiac arrest on <b>27 July 2015</b>, aged
83.<br><br>
☛ Wheeler Island, a national missile test site in Odisha, was renamed <b>Kalam Island</b>
in September 2015.<br><br>
☛ A prominent road in New Delhi was renamed from Aurangzeb Road to <b>Dr APJ Abdul
Kalam Road</b> in August 2015.scientists from the Botanical Survey of India named a
newly found plant species as Drypetes kalamii, in his honour.<br><br><br>
</p>
</div>
<br>
For more information, Check out
<a id=”tribute-link" href="#">
<b>A.P.J. Abdul Kalam</b> on Wikipedia.
.</a></a>
</small>]
</main>
<a href="tribute2.html"> second page</a>
</body>
</html>
5
Tribute page
6
Tribute page
Step 2: create a web page with name “second_page” with following tribute code
<!DOCTYPE html>
<html>
<head>
<title>Steve Jobs Tribute Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: white;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 30px;
background-color: skyblue;
box-shadow: darkblue;
}
h1 {
text-align: center;
font-size: 48px;
color: #333;
margin-bottom: 20px;
}
p{
font-size: 24px;
line-height: 1.5;
color: black;
}
7
Tribute page
img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<img src="E:\\Tasmiya\.html\Steve-Jobs-1955-2011.jpg" alt="Steve Jobs">
<h1>Steve Jobs</h1>
<p>Steven Paul Jobs was an American entrepreneur and businessman who co-
founded Apple Inc. He is widely recognized as a pioneer of the personal computer revolution
and for his influential contributions to the technology industry.</p>
<p>Jobs was born in San Francisco, California, in 1955. He attended Reed
College before dropping out to travel to India in search of spiritual enlightenment. He co-
founded Apple Computer, Inc. in 1976 with Steve Wozniak and introduced the first
Macintosh computer in 1984. He also co-founded Pixar Animation Studios and served as
CEO of both Apple and Pixar.</p>
<p>Jobs passed away on October 5, 2011, at the age of 56. He is remembered
for his visionary leadership, innovative products, and lasting impact on the technology
industry.</p>
<p>Rest in peace, Steve Jobs.</p>
</div>
</body>
</html>
8
Tribute page
9

HTML Tribute Page Project Report

Uploaded by

Document Information

Original Description:

Original Title

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

HTML Tribute Page Project Report

Uploaded by

Copyright:

Available Formats

Tribute page

 What is tribute page?

Procedure for applying anchor tag for linking 2 tribute pages

padding: 25px 25px;

☛ He served as the 11th President of India from 2002 to 2007.<br><br>

☛ Kalam earned a degree in aeronautical engineering from the Madras Institute of

☛ Kalam received <b>7</b>honorary doctorates from <b>40</b> universities. The

You might also like