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

The rocket

Our final addition to the objects section is the rocket. Add a DIV element with the id attribute rocket. Then put a SPAN element inside it, and inside this, add two separate Font Awesome rockets with the additional class fa-5x for scaling. Next, add a Font Awesome fire I element. Look at the following code sample. Add the color selectors grey-2 and silver to the rockets, and add yellow to the fire.

        <div id="rocket">
            <span>
                <i class="fa fa-rocket fa-5x grey-2"></i>
                <i class="fa fa-rocket fa-5x silver"></i>
                <i class="fa fa-fire yellow"></i>
            </span>
        </div>

There is not much to see yet, but refresh your browser and take a look at the new icons on the web page:

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