FCC Tribute page

Developer
Size
6,871 Kb
Views
28,336

How do I make an fcc tribute page?

It would be misleading to say that I'm new to design, html and css, but I've been having fun with the lessons at Free Code Camp. I'm looking for a resource that I can recommend for people that want to learn how to code without wasting money and time searching for all the materials to learn. I think that FCC has done an exceptional with this resource.. What is a fcc tribute page? How do you make a fcc tribute page? This script and codes were developed by BROWNERD on 27 August 2022, Saturday.

FCC Tribute page Previews

FCC Tribute page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FCC Tribute page </title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="nav"><a href="http://www.freecodecamp.com/">Visit Free Code Camp!</a></nav>
<div class="header"> <h1 class="header__headline">FreeCodeCamp</h1>
</div>
<div class="content"> <h2 class="content__section-head">What is Free Code Camp?</h2> <p>We’re an open source community that helps you learn to code.</p> <h2 class="content__section-head">How do you help me learn to code?</h2> <p>You can work through our self-paced coding challenges, build projects, and earn certifications. We also connect you with people in your city so you can code together.</p> <h2 class="content__section-head">Can Free Code Camp help me get a job as a software engineer?</h2> <p>Yes. Hundreds of people have gotten software engineering jobs after completing our coding challenges.</p> <h2 class="content__section-head">Is Free Code Camp a coding bootcamp?</h2> <p>No. A lot of coding bootcamps use Free Code Camp as part of their curriculum, though.</p> <h2 class="content__section-head">Is Free Code Camp really free?</h2> <p>Yes. Our curriculum, nonprofit projects, and verified certifications are all free.</p> <h2 class="content__section-head">Which certifications does Free Code Camp offer?</h2> <p>We offer four free verified certifications: front end development, back end development, data visualization, and full stack development.</p> <h2 class="content__section-head">How can I help nonprofits through Free Code Camp?</h2> <p>Once you finish the first three certifications, you’ll get to build a series of solutions for nonprofits. You’ll work in pairs, under the supervision of a volunteer project manager and a stakeholder from the nonprofit.</p> <h2 class="content__section-head">How much money has Free Code Camp saved nonprofits?</h2> <p>Our community has done nearly a million dollars worth of pro-bono coding for nonprofits so far.</p> <h2 class="content__section-head">Is there a way I can help nonprofits before I earn my certifications?</h2> <p>Yes. You can pledge a monthly donation to a nonprofit of your choosing while you learn.</p> <h2 class="content__section-head">How long does Free Code Camp take?</h2> <p>It takes about 2,080 hours to earn all four of our certifications. This translates into one year of full-time coding. We’re completely self-paced though, so take as long as you need.</p> <h2 class="content__section-head">Is Free Code Camp a replacement for a 4-year degree?</h2> <p>No. Please don’t drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you don’t need a 4-year degree to work as a software engineer, it still helps a lot.</p> <h2 class="content__section-head">I'm a teacher. Is Free Code Camp an appropriate resource for my class?</h2> <p>Yes. Many high school, college, and adult ed programs incorporate Free Code Camp into their coursework. We're open source, so no licenses or special permission from us is necessary. We're even building special tools for teachers.</p> <h2 class="content__section-head">Should I complete all of these challenges in order?</h2> <p>We’ve put a lot of thought into how we introduce concepts. But you’re free to jump around.</p> <h2 class="content__section-head">Do I have to use CodePen for the front end projects?</h2> <p>As long as your code is publicly viewable, and you have a live demo, you can use whatever you want.</p> <h2 class="content__section-head">When will you release the additional React, Sass, and D3 challenges?</h2> <p>We’ll release these in Spring 2016. In the meantime, other people have completed our React/Sass and D3 projects by referencing their official documentation.</p> <h2 class="content__section-head">How did Free Code Camp get started?</h2> <p>Quincy Larson started our open source community in 2014. He is now just one of many active contributors.</p> <h2 class="content__section-head">How can I hire Free Code Camp alumni?</h2> <p>You can reach out to them through our alumni network.</p> <h2 class="content__section-head">Can my company advertise on Free Code Camp?</h2> <p>We don’t show ads.</p> <h2 class="content__section-head">Can I invest in Free Code Camp?</h2> <p>We're self-funded and don't want outside investment.</p> <h2 class="content__section-head">Can I donate to Free Code Camp?</h2> <p>We don’t accept donations. Instead, you should support us through our shop.</p>
</div>
<div class="call-to-action"> <div class="go"><a class="button--cta" href="http://www.freecodecamp.com/">Visit Free Code Camp!</a></div>
</div>
</body>
</html>

FCC Tribute page - Script Codes CSS Codes

@import url("http://fonts.googleapis.com/css?family=Graduate");
@import url("http://fonts.googleapis.com/css?family=Amatic\+SC:400,700");
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900,400italic");
* { box-sizing: border-box;
}
body { color: #333; font-family: 'Titillium Web', sans-serif; font-size: 20px; line-height: 1.5; position: relative;
}
body > * ~ * { margin-bottom: 1.5rem;
}
p { margin-bottom: 3rem;
}
a { color: #ff0; display: inline-block; padding: 1rem; text-decoration: none;
}
a:hover { background-color: #ff0; color: #660;
}
.nav { background-color: #660; box-shadow: 0 0 30px #330; position: fixed; width: 100vw; z-index: 20;
}
.header { background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/5530/stock-16.jpg") center center; background-size: cover; height: 90vh; width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
[class*='__headline'] { color: #ff0; font-family: 'Graduate', sans-serif; font-size: 10vw; font-weight: 900;
}
.content { padding: 0 10vw;
}
[class*='__section-head'] { color: #660; font-family: 'Amatic SC', sans-serif; font-size: 2.5rem; font-weight: 900; line-height: 1;
}
.call-to-action { box-shadow: 0 -1px 0 #ccc; margin-bottom: 0; text-align: center; padding: 3rem 0;
}
[class*=--cta] { background-color: #ff0; border-style: solid; border-width: 0px; color: #660; display: inline-block; font-size: 3rem; padding: 1rem 3rem; position: relative; -webkit-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; -webkit-animation: wiggle 2s linear infinite; animation: wiggle 2s linear infinite;
}
[class*=--cta]::before { content: ''; position: absolute; border: 4px solid #ff0; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;
}
[class*=--cta]:hover { background-color: #660; color: #ff0;
}
[class*=--cta]:hover::before { border: 5px solid #660; top: -8px; right: -8px; bottom: -8px; left: -8px;
}
@-webkit-keyframes wiggle { 0%, 7% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 15% { -webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg); } 20% { -webkit-transform: rotateZ(5deg); transform: rotateZ(5deg); } 25% { -webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg); } 30% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); } 35% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); } 40%, 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0); }
}
@keyframes wiggle { 0%, 7% { -webkit-transform: rotateZ(0); transform: rotateZ(0); } 15% { -webkit-transform: rotateZ(-10deg); transform: rotateZ(-10deg); } 20% { -webkit-transform: rotateZ(5deg); transform: rotateZ(5deg); } 25% { -webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg); } 30% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); } 35% { -webkit-transform: rotateZ(1deg); transform: rotateZ(1deg); } 40%, 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0); }
}
FCC Tribute page - Script Codes
FCC Tribute page - Script Codes
Home Page Home
Developer BROWNERD
Username brownerd
Uploaded August 27, 2022
Rating 3
Size 6,871 Kb
Views 28,336
Do you need developer help for FCC 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!

BROWNERD (brownerd) Script Codes
Create amazing SEO content 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!