However, this is good; this is the beginning, and we have more to add. Once you have the library installed on your webhost, we can start filling up space with heavenly objects and the sky with clouds. First, in the p0 div element, add a moon. In Font Awesome, you can go look up the code, or you could just look at my example:
<div id="p0" class="row">
<i class="fa fa-moon-o fa-5x">
</i>
</div>Let's add some styling so we can make some of these new elements we are adding visible. We are going to work on the CSS now. First, let's get rid of the body margin by adding a body selector with margins of value 0 for style. Next, let's add some selectors for colors: blue, green, white, yellow, grey-1, grey-2, and silver. Add color: #85C4ED for blue and the respective color names for the rest. Then, create left and right selectors, with float left and right for each. Look at this example:
.blue {
color: #85C4ED;
}
.green {
color:green;
}
.white {
color:white;
}
.yellow {
color:yellow;
}
.grey-1 {
color:#222222;
}
.grey-2 {
color:#666;
}
.silver {
color:silver;
}
.left {
float:left;
}
.right {
float:right;
}Now add the yellow class to the fa-moon I element:
<i class="fa fa-moon-o fa-5x yellow"></i>
Next, refresh your browser, and you will be able to see the moon bright and yellow, like the following example. Excellent!
