Building the Homepage


Not CompletedIntroduction to Flexbox

In this lesson, we're going to start building out this navbar component.

Not CompletedGuide to Padding in CSS

This is going to be a relatively short guide, but we're going to discuss a very important topic in CSS. That topic is padding.

Not CompletedGuide to Margin in CSS

In the last guide, we talked about padding. I think it is a natural progression to now talk about margin.

Not CompletedCourse Update: New Import for Font Awesome

Hi, and welcome to this course update for Font Awesome.

Not CompletedIntegrating Icons with Font Awesome

In this lesson, we're going to walk through how we can import Font Awesome to start integrating icons into our website.

Not CompletedHow to Select and Style Child Tag Elements

In this guide, we're going to work more on our icon and hours of operation. The way that we'll do this is utilizing something called "Parent-Child relationships", which will give us greater control in our styles.

Not CompletedIntroduction to CSS Grid

In this tutorial, we're going to walk through how to work with CSS Grid, and explore some of the functionality it brings.

Not CompletedHow to Import and Use Custom Fonts in HTML

Our navbar is coming along nicely. Along the way, you are learning a lot about HTML and CSS. The next thing that we're going to learn is how to integrate custom fonts.

Not CompletedHow to Import and Style Images in HTML

Now let's dive into how we can use images in HTML. Specifically, we are going to take a logo and we're going to place it here at the top of this navbar.

Not CompletedRefactoring the CSS Code to Use More Specific Selectors

In this lesson, we're going to perform some refactoring. If you've never heard of what refactoring is, what it essentially means is when you have code that can be improved.

Not CompletedIntegrating Flexbox Inside of a CSS Grid Container to Align Items

In this guide, we're going to work on centering the column element on the page here and we're going to see how we can use CSS grid combined with Flexbox in order to get the type of behavior that we're looking for.

Not CompletedIntroduction to CSS Animations

In this tutorial, we're going to walk through how we can implement animations in HTML and CSS.

Not CompletedStyling the Right Column of the Navigation Bar

So you're making great progress and you're learning a lot along the way. You now have about 75% of this nav bar done, and it's just gonna take a couple more tutorials to get us 100% done, and then we can finish off the home page, and I promise you the rest of the site will not take as long as what we've done right here.

Not CompletedHow to Build a Parallax Scrolling Feature

In this guide, we're going to walk through how we can build a parallax image feature into a website completely from scratch.

Not CompletedAdding Text Overlays On Top of the Parallax Image

In this lesson, we are going to finish out the styles for this hero unit. We're going to style up these two heading elements.

Not CompletedAdding the HTML Structure and Icons for the Feature Section of the Homepage

In this lesson, we are going to add the HTML content and structure for these three elements.

Not CompletedHow to Create Columns with Animated Hover Effects in CSS

In this lesson, we're going to walk through how we can implement the feature section styles.

Not CompletedWorking with nth Child Selectors in CSS

In this guide, we are going to learn about how to use nth-child selectors to leverage unique styling methods in CSS.

Not CompletedHow to Work with Box Shadows in CSS

In this tutorial, we're going to walk through how we can add a box-shadow in CSS.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.