Hi there
I’m trying to create an automation which reads the following information.
<div class="mt-4 mb-3">
<a href="https://www.nelincs.gov.uk/refuse-collection-schedule/?uprn=11040296&view=timeline" class="px-3 mb-1 btn btn-dark border-0 text-white acc-link-no-underline">
<i class="far fa-stream mr-2"></i>
View Collection Timeline
</a>
<a href="https://www.nelincs.gov.uk/refuse-collection-schedule/?uprn=11040296&view=type" class="px-3 mb-1 btn btn-dark border-0 text-white acc-link-no-underline"> <i class="far fa-th-large mr-2"></i>
View Collections by Bin Type
</a>
</div>
<div class="row">
<div class="col">
<div class="card mt-2 border">
<ul class="list-group list-group-flush">
<li class="list-group-item p-0 p-3 bin-collection-item ">
<div class="float-left mr-3 text-center rounded" style="height: 60px; width: 60px; padding-top: 16px; background-color: #1C8224;">
<div class="h4">
<i class="far fa-trash-alt text-white"></i>
</div>
</div>
<div class="">
<h3 class="h5 m-0 p-0">
Friday, 17<sup>th</sup> June 2022 </h3>
<div class="">
Household Waste </div>
</div>
</li>
<li class="list-group-item p-0 p-3 bin-collection-item ">
<div class="float-left mr-3 text-center rounded" style="height: 60px; width: 60px; padding-top: 16px; background-color: #82581C;">
<div class="h4">
<i class="far fa-trees text-white"></i>
</div>
</div>
<div class="">
<h3 class="h5 m-0 p-0">
Monday, 20<sup>th</sup> June 2022 </h3>
<div class="">
Garden Waste </div>
</div>
</li>
<li class="list-group-item p-0 p-3 bin-collection-item ">
<div class="float-left mr-3 text-center rounded" style="height: 60px; width: 60px; padding-top: 16px; background-color: #1C5682;">