Tribute Page

Developer
Nathan Torquato Da Silva
Size
3,479 Kb
Views
6,072
  1. Tribute Page Previews
  2. Tribute Page HTML Codes
  3. Tribute Page CSS Codes
  4. Tribute Page JS Codes

How do I make an tribute page?

This is the first challenge from Free Code Camp: A simple tribute page to whoever is worth it.. What is a tribute page? How do you make a tribute page? This script and codes were developed by Nathan Torquato Da Silva on 19 January 2023, Thursday.

Tribute Page Previews
IQ Test

Tribute Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Tribute Page</title> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container-fluid"> <div class="row"> <div class="col-md-8 col-md-offset-2 col-xs-12"> <div class="jumbotron"> <h1 class = "text-center" >Mark Zuckerberg</h1> <h4 class = "text-center">The <mark>U$50 billion</mark> worth computer nerd</h4> <div class="col-md-10 col-md-offset-1"> <div class="thumbnail"> <img class = "img-responsive" src = "http://cdn.slashgear.com/wp-content/uploads/2015/12/facebook-mark-zuckerberg-1.jpg" alt="Mark Zuckerberg ahead Facebook's logo"> <div class="caption text-center"> <h5 id = "div1" >Zuck at Facebook's Press Conference</h5> </div> </div> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2"> <h4>Mark Elliot Zuckerberg (born May 14, 1984) is an American programmer, Internet entrepreneur, and philanthropist. He is the chairman, chief executive, and co-founder of the social networking website Facebook. His net worth is estimated to be US$51.2 billion June 2016.</h4> <h4>Facebook expanded rapidly, with one billion users by 2012. Zuckerberg was involved in various legal disputes that were initiated by others in the group, who claimed a share of the company based upon their involvement during the development phase of Facebook.</h4> </div> <div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2"> <h3>Here's 10 interesting facts about him:</h3> <ul> <li><h4>Mark Zuckerberg began programming at a young age--when he was 12 he created a messaging program that his father used in his dental office, allowing the receptionist to notify him of new patients without yelling across the office.</h4></li> <li><h4>Zuckerberg took a computer graduate class at the nearby Mercy College while still in high school.</h4></li> <li><h4>His parents even hired a computer tutor to work with the young Zuckerberg, but the tutor admitted that it quickly became difficult to stay ahead of his pupil, referring to him as a "prodigy."</h4></li> <li><h4>Mark Zuckerberg attended high school at Phillips Exeter Academy, a private school in New Hampshire.</h4></li> <li><h4>He was approached by several companies with job offers (including AOL and Microsoft) before he even graduated high school, but Zuckerberg turned them all down.</h4></li> <li><h4>Zuckerberg first launched Facebook from his dormitory at Harvard University.</h4></li> <li><h4>He dropped out of Harvard University after his sophomore year to continue working on Facebook.</h4></li> <li><h4>A movie was made about Zuckerberg and the birth of Facebook, called The Social Network.</h4></li> <li><h4>Before Facebook, Zuckerberg created CourseMatch for Harvard students, helping students pick out classes based on which classes their friends were enrolled in.</h4></li> <li><h4>He also created the infamous Facemash program, which compared pictures of two Harvard students and allowed users to vote on who was more attractive. Harvard administration shut down the program, deeming it inappropriate.</h4></li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 col-md-8 col-md-offset-2"> <blockquote class = "blockquote-reverse bg-info"> <p>"To make the world more open and connected."</p> <footer>Mark Zuckerberg <cite title="Source Title">Facebbok's CEO</cite></footer> </blockquote> </div> </div> <hr /> <h5 class = "text-center" ><strong>For further information read his <a href="https://en.wikipedia.org/wiki/Mark_Zuckerberg" target = _blank>biography.</a></h5></strong> </div> <h5 class = "text-center" >Developed by <a href="https://br.linkedin.com/in/torquato-nathan-806656a8" target = _blank> Torquato, Nathan.</a></h5> </div> </div>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Tribute Page - Script Codes CSS Codes

.container-fluid{ margin: 30px auto;
}
body{ font-family: "Lato"
}
blockquote{ margin: 20px 10px 0 10px;
}
.jumbotron{ display: none;
}

Tribute Page - Script Codes JS Codes

 $(document).ready(function(){ $(".jumbotron").slideDown(3000); });
Tribute Page - Script Codes
Tribute Page - Script Codes
Home Page Home
Developer Nathan Torquato Da Silva
Username TorquatoN
Uploaded January 19, 2023
Rating 3
Size 3,479 Kb
Views 6,072
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!

Nathan Torquato Da Silva (TorquatoN) Script Codes
Name
Twitch.tv
Local Weather App
AJAX RESTful APP
DotGame
Ajax
My Portfolio
WikiViewer
SassLab
NatteJS
MyFrameworks
Create amazing art & images 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!