1. Creating the Base Application

Activity 1: Using a BootSwatch Theme

Solution:

1. Navigate to BootSwatch Themes (https://www.bootstrapcdn.com/bootswatch/) on BootstrapCDN.
2. Select one of the themes and copy the link to the CSS:
   

   Figure 1.31: Selecting the Darkly theme

3. Update the link to Bootstrap CSS in src/styles.css:

   @import url('https://stackpath.bootstrapcdn.com/bootswatch/4.1.3/darkly/bootstrap.min.css');

4. Refresh the app in the browser and verify that the theme has been updated:

Figure 1.32: Thumbs-up icon in the Darkly theme

Activity 2: Using Different Font Awesome Icons

Solution:

1. Open the src/app/app.component.html file.
2. Navigate to the Font Awesome icon list at https://fontawesome.com/v4.7.0/icons/.
3. Replace the value of fa-thumbs-up with another icon. Note that you always need the fa class:

   <i class="fa fa-trash"></i>

4. Refresh the app in the browser and verify that the browser...