JSFiddle - React, Tailwind, and code Playground

by canonhouseclinic

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Canon House Clinic</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }

        h1 {
            color: #333;
        }

        p {
            color: #555;
        }

        address {
            font-style: normal;
            margin-top: 10px;
            margin-bottom: 20px;
        }

        a {
            color: #007BFF;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    </style>
</head>

<body>
    <h1>Led by world-renowned cosmetic and restorative dentist Mark Hughes</h1>
    <p>The Canon House team works at the leading edge of art and science.</p>

    <p>Mark brings with him +25 years of experience at the helm of world-famous clinics on London’s Harley Street and
        an impressive collection of awards in recognition of his work.</p>

    <p>With state-of-the-art facilities and technology like digital smile planning and 3D imaging, Mark and the Canon
        House team treat minor cosmetic adjustments with the same care and attention as a full smile rehabilitation
        – and always with stunning yet natural results.</p>

    <p>Dentistry by Canon House represents some of the finest cosmetic and restorative dentistry to be found anywhere
        in the world.</p>

    <address>
        <p>Contact us:</p>
        <p>Canon House Clinic<br>
            27 London End, Beaconsfield HP9 2HN, United Kingdom<br>
            Phone: <a href="tel:+441494358327">+44 1494 358327</a><br>
            Website: <a href="https://www.canonhouseclinic.co.uk/" target="_blank">www.canonhouseclinic.co.uk</a></p>
    </address>
</body>

</html>