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: