PDFs

by pepperdigital

HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>

    .desktopPDF {
        display: none;
     }

@media only screen and (min-width: 600px) {
       .desktopPDF {
        display: block;
     }
}

@media only screen and (min-width: 600px) {
 .mobilePDF {
        display: none;
     }
}

</style>
</head>
<body>
<span class="mobilePDF">
<a class="text-[15px] font-bold flex gap-3 items-center" href="/content/dam/Deloitte/uk/Documents/about-deloitte/deloitte-uk-annual-review-2023-tax-impact-and-strategy.pdf#page4" data-tracking="true">
                                                  Read more Mobile
                                                  <svg width="21" height="17" viewBox="0 0 21 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                  <g id="arrow">
                                                  <path id="Vector" d="M20.4501 8.75618C20.5156 8.59298 20.5156 8.41058 20.4501 8.24738C20.4158 8.16418 20.369 8.09058 20.3097 8.02978L15.1086 2.69538C14.8559 2.43618 14.4441 2.43618 14.1882 2.69538C13.9355 2.95458 13.9355 3.37698 14.1882 3.63938L18.2786 7.83458H1.64896C1.29016 7.83458 1 8.13218 1 8.50018C1 8.86818 1.29016 9.16578 1.64896 9.16578H18.2817L14.1914 13.361C13.9386 13.6202 13.9386 14.0426 14.1914 14.305C14.3193 14.4362 14.4846 14.5002 14.65 14.5002C14.8154 14.5002 14.9838 14.4362 15.1086 14.305L20.3097 8.97378C20.369 8.91298 20.4189 8.83938 20.4501 8.75618Z" fill="black"></path>
                                                  </g>
                                                  </svg>

                                             </a>

</span>
<span class="desktopPDF">
<a class="text-[15px] font-bold flex gap-3 items-center" href="/content/dam/Deloitte/uk/Documents/about-deloitte/deloitte-uk-annual-review-2023-tax-impact-and-strategy.pdf#page=4" data-tracking="true">
                                                  Read more Desktop
      ...