Build a Tribute Page

Developer
Tommy Dunn
Size
3,617 Kb
Views
20,240
  1. Build a Tribute Page Previews
  2. Build a Tribute Page HTML Codes
  3. Build a Tribute Page CSS Codes
  4. Build a Tribute Page JS Codes

How do I make an build a tribute page?

What is a build a tribute page? How do you make a build a tribute page? This script and codes were developed by Tommy Dunn on 13 October 2022, Thursday.

Build a Tribute Page Previews
IQ Test

Build a Tribute Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Build a Tribute Page</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <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> <section class="intro jumbotron"> <div class="container"> <img src="https://2.bp.blogspot.com/-AC-m_B4e1MI/TcQ-R-K-XLI/AAAAAAAAAts/wf9IO6aqLEY/s1600/Fyodor+Dostoyevsky%252C+1876.jpg" /> <h1>Fyodor Dostoyevsky</h1> <h4>The Brilliant Russian</h4> </div>
</section>
<section class="container"> <div class="inner"> <p class="lead tex-justify"><strong>To call Fyodor Dostoevsky a genius</strong> may indeed be an understatement. Decade after decade, his literary brilliance continues to capture the hearts and minds of millions. Because of his legacy and intense, storied commentaries on religion, philosophy, and psychology, Dostoevsky may have been one of the most important and influential writers that ever lived. <strong>After all, it was Einstein that said:</strong></p> <blockquote> <p>"Dostoevsky gives me more than any scientist, more than Gauss."</p> <footer>Albert Einstein</footer> </blockquote> </div> <div class="inner list-group-section"> <ul class="list-group"> <p class="lead tex-justify">Here's a list <strong>of just some</strong> of his work:</p> <li class="list-group-item main"> <h3>Novels and Novellas</h3> </li> <li class="list-group-item"> <strong>1846</strong> <a href="https://en.wikipedia.org/wiki/Poor_Folk" target="_blank" title="Poor Folk">Poor Folk</a> </li> <li class="list-group-item"> <strong>1846</strong> <a href="https://en.wikipedia.org/wiki/The_Double_(Fyodor_Dostoyevsky_novel)" target="_blank" title="The Double (Fyodor Dostoyevsky novel)">The Double</a> </li> <li class="list-group-item"> <strong>1847</strong> <a href="https://en.wikipedia.org/wiki/The_Landlady_(Fyodor_Dostoyevsky)" target="_blank" title="The Landlady (Fyodor Dostoyevsky)">The Landlady</a> </li> <li class="list-group-item"> <strong>1849</strong> <a href="https://en.wikipedia.org/wiki/Netochka_Nezvanova_(novel)" target="_blank" title="Netochka Nezvanova (novel)">Netochka Nezvanova</a> </li> <li class="list-group-item"> <strong>1859</strong> <a href="https://en.wikipedia.org/wiki/Uncle%27s_Dream" target="_blank" title="Uncle's Dream">Uncle's Dream</a> </li> <li class="list-group-item"> <strong>1859</strong> <a href="https://en.wikipedia.org/wiki/The_Village_of_Stepanchikovo" target="_blank" title="The Village of Stepanchikovo">The Village of Stepanchikovo</a> </li> <li class="list-group-item"> <strong>1861</strong> <a href="https://en.wikipedia.org/wiki/Humiliated_and_Insulted" target="_blank" title="Humiliated and Insulted">Humiliated and Insulted</a> </li> <li class="list-group-item"> <strong>1862</strong> <a href="https://en.wikipedia.org/wiki/The_House_of_the_Dead_(novel)" target="_blank" title="The House of the Dead (novel)">The House of the Dead</a> </li> <li class="list-group-item"> <strong>1864</strong> <a href="https://en.wikipedia.org/wiki/Notes_from_Underground" target="_blank" title="Notes from Underground">Notes from Underground</a> </li> <li class="list-group-item"> <strong>1866</strong> <a href="https://en.wikipedia.org/wiki/Crime_and_Punishment" target="_blank" title="Crime and Punishment">Crime and Punishment</a> </li> <li class="list-group-item"> <strong>1867</strong> <a href="https://en.wikipedia.org/wiki/The_Gambler_(novel)" target="_blank" title="The Gambler">The Gambler</a> </li> <li class="list-group-item"> <strong>1869</strong> <a href="https://en.wikipedia.org/wiki/The_Idiot" target="_blank" title="The Idiot">The Idiot</a> </li> <li class="list-group-item"> <strong>1870</strong> <a href="https://en.wikipedia.org/wiki/The_Eternal_Husband" target="_blank" title="The Eternal Husband">The Eternal Husband</a> </li> <li class="list-group-item"> <strong>1872</strong> <a href="https://en.wikipedia.org/wiki/The_Possessed_(novel)" target="_blank" title="The Possessed">Demons</a> </li> <li class="list-group-item"> <strong>1875</strong> <a href="https://en.wikipedia.org/wiki/The_Adolescent" target="_blank" title="The Adolescent">The Adolescent</a> </li> <li class="list-group-item"> <strong>1880</strong> <a href="https://en.wikipedia.org/wiki/The_Brothers_Karamazov" target="_blank" title="The Brothers Karamazov">The Brothers Karamazov</a> </li> </ul> <footer class="text-center"> <hr> <p>Written and coded by <a href="https://www.freecodecamp.com/tommyldunn" target="_blank">Tommy Dunn</a>.</p> </footer> </div>
</section> <script src="js/index.js"></script>
</body>
</html>

Build a Tribute Page - Script Codes CSS Codes

.intro { text-align: center;
}
.intro img { max-width: 100%; width: 650px;
}
.intro.jumbotron { background-color: #E6E9ED;
}
.inner { max-width: 800px; margin: 0 auto;
}
.list-group-section { padding-top: 7rem;
}
li { font-size: 1.8rem;
}
li a { padding-left: 20px;
}
footer { padding-top: 1rem;
}

Build a Tribute Page - Script Codes JS Codes

(function() { 'use strict'; var items = document.querySelectorAll(".timeline li"); function isElementInViewport(el) { var rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } function callbackFunc() { for (var i = 0; i < items.length; i++) { if (isElementInViewport(items[i])) { items[i].classList.add("in-view"); } } } window.addEventListener("load", callbackFunc); window.addEventListener("resize", callbackFunc); window.addEventListener("scroll", callbackFunc);
})();
Build a Tribute Page - Script Codes
Build a Tribute Page - Script Codes
Home Page Home
Developer Tommy Dunn
Username tommyldunn
Uploaded October 13, 2022
Rating 3
Size 3,617 Kb
Views 20,240
Do you need developer help for Build a 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!

Tommy Dunn (tommyldunn) Script Codes
Name
Full height x width
Object Fit
Poppy
Github api
Scroll on click
Auto Type
A Pen by Tommy Dunn
Iphone-6
Veritas
Housebar-static
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!