O'Reilly logo

Web Design Blueprints by Benjamin LaGrone

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

OMG, it's full of stars!

Immediately after the fa-moon I element, in the p1 DIV element, add a DIV element with the id stars. Go back to the Font Awesome site and copy the code for the star. Paste it inside the stars DIV element and add the yellow class to it. Now copy this yellow fa-star I element and paste it about 200 more times inside the stars DIV element. That will complete the HTML for the space section. It will look like my sample here:

 <section id="space"> <div id="p0" class="row"> <i class="fa fa-moon-o yellow fa-5x"></i> </div> <div id="p1" class="row"> <div id="stars"> <i class="fa fa-star yellow"></i> <i class="fa fa-star yellow"></i> <i class="fa fa-star yellow"></i> <i class="fa fa-star yellow"></i> <!--... ** repeat 200 times, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required