<!-- each "i" element represents one star -->
 <i class="far fa-star"></i>
 <!-- the rated class is what differentiates empty and rated star -->
  <i class="fas fa-star rated"></i>