FreeCodeCamp - Tribute Page

Developer
Veronika
Size
2,599 Kb
Views
16,192
  1. FreeCodeCamp - Tribute Page Previews
  2. FreeCodeCamp - Tribute Page HTML Codes
  3. FreeCodeCamp - Tribute Page CSS Codes

How do I make an freecodecamp - tribute page?

Challenge at Free Code Camp to build a tribute page.. What is a freecodecamp - tribute page? How do you make a freecodecamp - tribute page? This script and codes were developed by Veronika on 30 November 2022, Wednesday.

FreeCodeCamp - Tribute Page Previews
IQ Test

FreeCodeCamp - Tribute Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FreeCodeCamp - Tribute Page</title> <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans:400,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Kalam' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,400italic' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1"> <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="outer-container"> <div class="container-fluid inner-container"> <h1 class="text-center text-uppercase">Bamse</h1> <h3 class="text-center">- the world's strongest bear</h3> <img class="img-responsive center-block" src="http://cdn1.cdnme.se/cdn/8-1/2196771/images/2010/bamse_103591381_113874871.gif"> <div class="info-section"> <h3 class="section-header">About</h3> <p>Bamse is a Swedish cartoon character. He gains extraordinary strength when he drinks from the super-honey his grandma makes. When Bamse drinks it it gives him strength, when someone else drinks it they get a horrible pain in the stomach for three days. </p> <h3 class="section-header">Links</h3> <ul> <li><a href="https://en.wikipedia.org/wiki/Bamse" target="_blank">Wikipedia</a></li> <li><a href="https://www.youtube.com/watch?v=a9kYWtJjhBE" target="_blank">Watch at Youtube</a></li> <li><a href="http://www.kolmarden.com/bamsesvarld" target="_blank">Visit Bamse at Kålmården</a></li> <li><a href="https://itunes.apple.com/se/app/bamse-varldens-starkaste-bjorn/id662056695?mt=8" target="_blank">Listen on iTunes</a></li> </ul> <blockquote> <p>"Den som är stark måste också vara snäll"</p> <p><small>Translation: Those who are strong must also be kind</small></p> </blockquote> </div> </div>
</div>
</body>
</html>

FreeCodeCamp - Tribute Page - Script Codes CSS Codes

.outer-container { background-color: rgb(143, 215, 139); font-family: 'Ubuntu', sans-serif; font-size: 15px; padding: 40px;
}
.inner-container { width: 90%; background-color: rgb(255,255,255); color: rgb(0,0,0); padding: 20px; border-radius: 10px;
}
.info-section { width: 70%; margin: auto;
}
img { padding: 20px;
}
h1 { color: rgb(239, 60, 66); font-weight: 900; font-size: 72px; font-family: 'Alegreya Sans', sans-serif;
}
h3 { font-family: 'Kalam', cursive; color: rgb(50,50,50); font-size: 28px; margin-top: 10px;
}
.section-header { margin-top: 50px;
}
p { color: rgb(70,70,70);
}
blockquote { border: none; text-align: center; margin: 50px;
}
@media only screen and (max-width: 750px){ .outer-container { padding-left: 0; padding-right: 0; padding-top: 10px; padding-bottom: 20px; } .info-section { width: 90%; } blockquote { margin-left: 10px; margin-right: 10px; }
}
FreeCodeCamp - Tribute Page - Script Codes
FreeCodeCamp - Tribute Page - Script Codes
Home Page Home
Developer Veronika
Username ivhed
Uploaded November 30, 2022
Rating 3
Size 2,599 Kb
Views 16,192
Do you need developer help for FreeCodeCamp - 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!

Veronika (ivhed) Script Codes
Name
FreeCodeCamp - Markdown Previewer
FreeCodeCamp - Simon Game
FreeCodeCamp - Twitch.tv
CSS Filter Blur
Background blend mode
CSS Baby
FreeCodeCamp - Pomodoro Clock
CSS Course - Fixed layout
React Pagination
CSS Course - Build-a-Kitty Workshop
Create amazing blog posts 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!