Tribute Page

Developer
Kartikeya Gupta
Size
3,799 Kb
Views
16,192
  1. Tribute Page Previews
  2. Tribute Page HTML Codes
  3. Tribute Page CSS Codes

How do I make an tribute page?

What is a tribute page? How do you make a tribute page? This script and codes were developed by Kartikeya Gupta on 22 November 2022, Tuesday.

Tribute Page Previews
IQ Test

Tribute Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Tribute Page</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>	<div class="container-fluid">	<div class="row row_1">	<div class="col-md-8">	<h1>Avul Pakir Jainulabdeen A. P. J. Abdul Kalam</h1>	<h2>President of India from 2002 to 2007</h2>	<h2> Missile Man of India</h2>	</div>	<div class="col-md-4 col-sm-12 col-xs-12 slideDown">	<img class='img-responsive ' src="http://www.abdulkalam.com/kalam/theme/assets/images/press-release-abdulkalam.jpg">	<h4>A.P.J. Abdul Kalam</h4>	</div>	</div>	<div class="row row_2">	<ul>	<h3>The Journey</h3>	<li>1931: Avul Pakir Jainulabdeen Abdul Kalam was born on 15 October 1931 in Rameswaram.</li>	<li>1954: Graduates in Physics from Saint Joseph's College, Tiruchirappalli.</li>	<li>1960: Graduated from Madras Institute of Technology and joined Aeronautical Development Establishment of the Defence Research and Development Organisation (DRDO) as a scientist.</li>	<li>1963: Visited NASA.</li>	<li>1969: Kalam was transferred to ISRO.</li>	<li>1980: His research convinced Union Cabinet to disburse funds for 'Advance Mkissile Program'</li>	<li>1980s-1990s: As the chief of the Integrated Guided Missile Development Programme, he was responsible for the development and operationalisation of AGNI and PRITHVI Missiles.</li>	<li>1981: Awarded with 'Padma Bhushan'</li>	<li>1990: Awarded with 'Padma Vibhushan'</li>	<li>1997: Awarded with 'Bharat Ratna'</li>	<li>1998: India conducts the Pokhran II nuclear tests in May with Dr. Kalam as the chief project coordinator.</li>	<li>2002: 11th President of India succedding R.K. Narayanan</li>	<li>2012: Kalam launched a programme for the youth of India called the What Can I Give Movement, with a central theme of defeating corruption.</li>	<li>2015: passed away in IIT-Shilong delivering a lecture on "Creating a Livable Planet Earth".</li>	</ul>	</div>	<div class="row row_3">	<blockquote>Look at the sky. We are not alone. The whole universe is friendly to us and conspires only to give the best to those who dream and work.	<footer>A.P.J. Abdul Kalam</footer>	</blockquote>	<h2>Know more about this great personality <a href="https://en.wikipedia.org/wiki/A._P._J._Abdul_Kalam">here</a> or visit his official <a href="http://www.abdulkalam.com/kalam/theme/jsp/guest/index.jsp">Website</a>.</h2>	</div>	</div>	<footer class='end'>Design and Coded by <a href="https://www.facebook.com/kartikeya100" target='_blank'>Kartikeya Gupta</a></footer>	<script	</body>
</body>
</html>

Tribute Page - Script Codes CSS Codes

.container-fluid { background: #7B8ED9; border-radius: 5px; margin: 20px 10px;
}
.container-fluid a { color: #E2E2E9;
}
.container-fluid a:hover { text-decoration: none;
}
.container-fluid h1 { color: #E2E2E9;
}
.container-fluid h1:hover { text-shadow: 2px 2px 20px #E2E2E9;
}
.row_1 { margin: 20px 10px;
}
.row_1 .img-responsive { position: relative; border-radius: 5px;
}
.row_1 h4 { position: absolute; bottom: 30px; left: 130px; color: #E2E2E9;
}
.row_1 h4:hover { text-shadow: 2px 2px 20px #E2E2E9;
}
.row_2 h3 { color: #E2E2E9;
}
.row_2 h3:hover { text-shadow: 2px 2px 20px #E2E2E9;
}
.row_3 blockquote { color: #E2E2E9; width: 90%; margin: 50px 0px; margin-left: 5%;
}
.row_3 h2 { text-align: center;
}
.end { background: black; text-align: center;
}
@media screen and (max-width: 480px) { .container-fluid h1 { font-size: 20px; padding: 5px 0; margin: 0; word-spacing: 1px; } .container-fluid h2 { font-size: 16px; padding: 5px 0; margin: 0; word-spacing: 1px; } .container-fluid h3 { font-size: 15px; padding: 5px 0; margin: 0; word-spacing: 1px; } .row_3 blockquote { color: #E2E2E9; width: 100%; margin-left: 0%; } .row_3 h2 { font-size: 20px; padding: 5px 0; margin: 0; word-spacing: 1px; }
}
.slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;
}
@keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); }
}
@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); }
}
Tribute Page - Script Codes
Tribute Page - Script Codes
Home Page Home
Developer Kartikeya Gupta
Username kartikeya100
Uploaded November 22, 2022
Rating 3
Size 3,799 Kb
Views 16,192
Do you need developer help for Tribute Page?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kartikeya Gupta (kartikeya100) Script Codes
Name
Pomodoro clock
My Portfolio
Random Quote Generator Machine
Wikipedia Viewer
Tic Tac Toe
Portfolio 2
Weather Application
Javascript Calculator
Twitch TV
Parallax effect
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!