About Fontawesome Long title

This is child of About page.

Uses Fontawesome 5 FREE ( https://fontawesome.com/v5/search?o=r&m=free) that is built into Bootstrap Barrio theme. 
Use the Fas in the tag

Example css for fontawesome. 

Also the _icons.scss file has some good examples. No need for ::after if you don't need to edit the @included mixin. 

The utilities makes it easy to use fontawesome - Usage @include fontAwesome('f0c9', 1rem, $black);

header#header .navbar-collapse ul.navbar-nav li.nav-item .dropdown-toggle {
    @include fontAwesomeAfter('f078');
    &::after{
    vertical-align: middle;
    margin-left: 10px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    }
   
}

this is without using the @include.

.dropdown-toggle::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 10px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}