Tribute Page - No CSS
How do I make an tribute page - no css?
Project for FreeCodeCamp. What is a tribute page - no css? How do you make a tribute page - no css? This script and codes were developed by Joel on 26 November 2022, Saturday.
Tribute Page - No CSS - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Tribute Page - No CSS</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
</head>
<body> <!--
Developer: Joel Huffman
Date: 2-8-2016
Project: Tribute Page - Pure HTML/Bootstrap
Comments:
-This project was built for FreeCodeCamp.com
-I used HTML with Bootstrap
-I styled page without any use of CSS or Javascript
-->
<div class="container-fluid" <header> <h1 class="text-center"><strong>Elon Musk</strong></h1> </header> <main> <h4 class="text-center"> The Man Who Accomplished the Impossible </h4> <div class="row"> <div class="col-sm-10 col-sm-offset-1"> <img class="img-responsive center-block" src="http://thingsyoumustknow.com/wp-content/uploads/2015/07/elon-musk.jpg" alt="Elon Musk with his three company logos beside him"> </div> </div> </br> <p class="lead text-center">Elon Musk is an entrepreneur that is known for taking very large risks and reaping the benefits by succeeding in his extraordinary business ventures. These are his three well-known businesses that have become very successful in their industry and slowly have become linked to one another.</p> <div class="row no-gutter"> <div class="col-sm-4 text-center jumbotron"> <a href="http://www.spacex.com/" target="_blank" class="btn btn-block btn-primary btn-lg" role="button"><strong>SpaceX</strong></a> </br> <blockquote> <p>"The ultimate goal of SpaceX is enabling people to live on other planets"</p> <footer><cite>SpaceX.com</cite></footer> </blockquote> </div> <div class="col-sm-4 text-center jumbotron"> <a href="https://www.teslamotors.com/" target="_blank" class="btn btn-block btn-primary btn-lg" role="button"><strong>Tesla</strong></a> </br> <blockquote> <p>"Tesla is not just an automaker, but also a technology and design company with a focus on energy innovation."</p> <footer><cite>TeslaMotors.com</cite></footer> </blockquote> </div> <div class="col-sm-4 text-center jumbotron"> <a href="http://www.solarcity.com/" target="_blank" class="btn btn-block btn-primary btn-lg" role="button"><strong>Solar City</strong></a> </br> <blockquote> <p>"Our approach is to install systems to the highest engineering standards"</p> </blockquote> <footer><cite>-SolarCity.com</cite></footer> </blockquote> </div> </div> </br> <p class="text-center">Learn more about Elon Musk at <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="_blank">Wikipedia</a></p> </main>
</div>
</body>
</html>
Developer | Joel |
Username | HuffmanJ25 |
Uploaded | November 26, 2022 |
Rating | 3 |
Size | 2,231 Kb |
Views | 12,144 |
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!
Name | Size |
Portfolio Page | 5,240 Kb |
Quote Machine | 4,154 Kb |
A Pen by Joel | 5,031 Kb |
Weather Data | 4,707 Kb |
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!
Name | Username | Size |
CSS3 Diamond | Rendro | 1,960 Kb |
Multicolumns 2 | Raphaelgoetter | 1,857 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Dice | Fraina | 5,026 Kb |
Twitch TV | Natester13 | 4,488 Kb |
3D Text in Sass | Bookcasey | 2,766 Kb |
APortfolio | Skybutterfly | 5,174 Kb |
CSS Dynamic Width Square Div | Elleestcrimi | 2,861 Kb |
404 Page | Saransh | 2,666 Kb |
Table border-collapse property | Maxds | 1,672 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!