JSFiddle - React, Tailwind, and code Playground

by namnh081095

HTML

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body style="background-color:black;">
<hr/>
  <div class="card ">
    <div class="card-header bg-danger text-white">
      <strong>HOTLINE 24/7</strong>
    </div>
    <div class="card-body">
      <p class="card-text">
        (+84) 0962477222
      </p>
    </div>
  </div>
  
  <div class="card">
    <div class="card-header bg-danger text-white">
      <strong>DỊCH VỤ NỔI BẬT</strong>
    </div>
    <div class="card-body">
      <ul class="list-group list-group-flush">
        <li class="list-group-item">
          
          <a class="nav-link text-black hover-red" href="#">
          <i class="fas fa-angle-right"></i>
          
          Link</a>
        </li>
        <li class="list-group-item">
          
          <a class="nav-link text-black hover-red" href="#">
          <i class="fas fa-angle-right"></i>
          
          Link</a>
        </li>
      </ul>
    </div>
  </div>
</body>

CSS

a.text-black:link{
  color:black;
}
a.hover-red:hover{
  color:red;
}