test.html

<!-- Bootstrap core CSS -->
<link href="/css/bootstrap-italia.min.css" rel="stylesheet">

<h4 style="color: red"><i class="ri-checkbox-blank-circle-fill"></i> Allerta rossa</h4>


<div class="card card-teaser rounded shadow" style="border-left: 8px solid orange;">
            <div class="col-2 text-center">
                <span class="badge badge-secondary">
                    02/10<br>
                    2020<br>
                    <hr style="margin: 2px;border-color: white !important;">
                    12:30
                </span>
                <hr class="text-center" style="border-color: blue !important;">
                 <svg class="icon text-center">
                    <use xlink:href="/svg/remixicon.symbol.svg#ri-heavy-showers-line"></use>
                 </svg>
            </div>
    <div class="col-10 card-body">
      <h5 class="card-title">
         Strada dissestata
      </h5>
      <div class="card-text">
        <p>Pericolo su strada regionale 56 per allagamento fare attenzione</p>
      </div>
    </div>
  </div>