New Calibration Certificate Portal
Our new Calibration Certificate Portal launches on 1 September 2026. Important information about the portal transition.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>New Calibration Certificate Portal</title>

<style type="text/css">
    body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        background-color: #f3f5f7;
    }

    table {
        border-collapse: collapse !important;
    }

    img {
        border: 0;
        outline: none;
        text-decoration: none;
        display: block;
    }

    @media only screen and (max-width: 620px) {
        .email-container {
            width: 100% !important;
        }

        .mobile-padding {
            padding-left: 22px !important;
            padding-right: 22px !important;
        }

        .hero-title {
            font-size: 29px !important;
            line-height: 35px !important;
        }

        .date-column {
            display: block !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .date-spacer {
            height: 12px !important;
        }
    }
</style>
</head>

<body style="margin:0; padding:0; background-color:#f3f5f7; font-family:Arial,Helvetica,sans-serif;">

<!-- Preheader -->
<div style="
    display:none;
    font-size:1px;
    color:#f3f5f7;
    line-height:1px;
    max-height:0;
    max-width:0;
    opacity:0;
    overflow:hidden;
">
    Our new Calibration Certificate Portal launches on 1 September 2026. Important information about the portal transition.
</div>


<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f3f5f7">
<tr>
<td align="center" style="padding:30px 12px;">


<!-- EMAIL CONTAINER -->
<table role="presentation"
       width="600"
       cellpadding="0"
       cellspacing="0"
       border="0"
       class="email-container"
       style="
           width:600px;
           max-width:600px;
           background-color:#ffffff;
           border-radius:10px;
           overflow:hidden;
           box-shadow:0 5px 20px rgba(19,41,75,0.10);
       ">


<!-- HEADER -->
<tr>
<td bgcolor="#13294B"
    style="
        background-color:#13294B;
        padding:24px 32px;
    ">

    <img
        src="https://campbell-associates.co.uk/wp-content/themes/pagecreative/images/logo-white.svg"
        alt="Campbell Associates"
        width="220"
        style="
            width:220px;
            max-width:100%;
            height:auto;
        "
    >

</td>
</tr>


<!-- BANNER IMAGE -->
<tr>
<td>
    <img
        src="https://campbell-associates.co.uk/wp-content/uploads/2025/04/thumbnail_IMG_5627.jpg"
        alt="Campbell Associates Calibration Laboratory"
        width="600"
        style="
            width:100%;
            max-width:600px;
            height:auto;
        "
    >
</td>
</tr>


<!-- GOLD ACCENT -->
<tr>
<td bgcolor="#F5B230" style="height:6px; line-height:6px; font-size:1px;">
    &nbsp;
</td>
</tr>


<!-- INTRO -->
<tr>
<td class="mobile-padding"
    style="
        padding:34px 40px 18px 40px;
    ">

    <div style="
        display:inline-block;
        background-color:#FFF4D6;
        color:#705000;
        font-size:12px;
        line-height:16px;
        font-weight:bold;
        letter-spacing:0.6px;
        text-transform:uppercase;
        padding:7px 12px;
        border-radius:20px;
        margin-bottom:16px;
    ">
        Calibration Service Update
    </div>

    <h1 class="hero-title"
        style="
            margin:0 0 16px 0;
            color:#13294B;
            font-size:34px;
            line-height:40px;
            font-weight:700;
        ">
        New Calibration Certificate Portal
    </h1>

    <p style="
        margin:0;
        color:#374151;
        font-size:17px;
        line-height:27px;
    ">
        We are introducing a <strong>new Calibration Certificate Portal from 1 September 2026</strong>, providing an improved way to access and manage your calibration certificates and equipment information.
    </p>

</td>
</tr>


<!-- FEATURES SUMMARY -->
<tr>
<td class="mobile-padding"
    style="
        padding:8px 40px 30px 40px;
    ">

    <table role="presentation"
           width="100%"
           cellpadding="0"
           cellspacing="0"
           border="0"
           style="
               background-color:#f5f7f9;
               border-radius:8px;
           ">

        <tr>
        <td style="padding:22px 24px;">

            <div style="
                color:#13294B;
                font-size:17px;
                line-height:23px;
                font-weight:bold;
                margin-bottom:10px;
            ">
                A simpler way to manage your calibration records
            </div>

            <div style="
                color:#4b5563;
                font-size:15px;
                line-height:24px;
            ">
                The new portal includes improved searching and filtering, individual sub user accounts, clearer calibration status information, certificate archiving, flexible re quote periods and a redesigned equipment view.
            </div>

        </td>
        </tr>

    </table>

</td>
</tr>


<!-- IMPORTANT DATES HEADING -->
<tr>
<td class="mobile-padding"
    style="
        padding:0 40px 14px 40px;
    ">

    <h2 style="
        margin:0;
        color:#13294B;
        font-size:22px;
        line-height:28px;
        font-weight:700;
    ">
        Important portal transition dates
    </h2>

</td>
</tr>


<!-- DATE CARDS -->
<tr>
<td class="mobile-padding"
    style="
        padding:0 40px 30px 40px;
    ">

    <table role="presentation"
           width="100%"
           cellpadding="0"
           cellspacing="0"
           border="0">

        <tr>

        <!-- CLOSURE -->
        <td class="date-column"
            width="48%"
            valign="top"
            bgcolor="#13294B"
            style="
                width:48%;
                background-color:#13294B;
                border-radius:8px;
                padding:22px 20px;
            ">

            <div style="
                color:#F5B230;
                font-size:11px;
                line-height:15px;
                font-weight:bold;
                text-transform:uppercase;
                letter-spacing:0.7px;
                margin-bottom:8px;
            ">
                Existing portal closes
            </div>

            <div style="
                color:#ffffff;
                font-size:24px;
                line-height:30px;
                font-weight:bold;
            ">
                24 August
            </div>

            <div style="
                color:#d9e0e8;
                font-size:14px;
                line-height:20px;
                margin-top:4px;
            ">
                2026
            </div>

        </td>


        <td class="date-spacer" width="4%" style="width:4%;">
            &nbsp;
        </td>


        <!-- LAUNCH -->
        <td class="date-column"
            width="48%"
            valign="top"
            bgcolor="#F5B230"
            style="
                width:48%;
                background-color:#F5B230;
                border-radius:8px;
                padding:22px 20px;
            ">

            <div style="
                color:#13294B;
                font-size:11px;
                line-height:15px;
                font-weight:bold;
                text-transform:uppercase;
                letter-spacing:0.7px;
                margin-bottom:8px;
            ">
                New portal launches
            </div>

            <div style="
                color:#13294B;
                font-size:24px;
                line-height:30px;
                font-weight:bold;
            ">
                1 September
            </div>

            <div style="
                color:#4a5361;
                font-size:14px;
                line-height:20px;
                margin-top:4px;
            ">
                2026
            </div>

        </td>

        </tr>

    </table>

</td>
</tr>


<!-- TRANSITION INFORMATION -->
<tr>
<td class="mobile-padding"
    style="
        padding:0 40px 30px 40px;
    ">

    <p style="
        margin:0 0 18px 0;
        color:#374151;
        font-size:16px;
        line-height:26px;
    ">
        The existing Calibration Certificate Portal will close while customer data is safely transferred to the new system.
    </p>


    <!-- SERVICE CONTINUES CALLOUT -->
    <table role="presentation"
           width="100%"
           cellpadding="0"
           cellspacing="0"
           border="0"
           style="
               background-color:#fff8e8;
               border-left:5px solid #F5B230;
               border-radius:6px;
           ">

        <tr>
        <td style="padding:18px 20px;">

            <div style="
                color:#13294B;
                font-size:16px;
                line-height:24px;
                font-weight:bold;
            ">
                Calibration services will continue as normal.
            </div>

            <div style="
                margin-top:5px;
                color:#555d68;
                font-size:14px;
                line-height:22px;
            ">
                Only access to the online certificate portal will be temporarily unavailable.
            </div>

        </td>
        </tr>

    </table>

</td>
</tr>


<!-- DURING TRANSITION -->
<tr>
<td class="mobile-padding"
    style="
        padding:0 40px 32px 40px;
    ">

    <h3 style="
        margin:0 0 16px 0;
        color:#13294B;
        font-size:18px;
        line-height:24px;
    ">
        During the transition
    </h3>


    <!-- ITEM 1 -->
    <table role="presentation"
           width="100%"
           cellpadding="0"
           cellspacing="0"
           border="0">

        <tr>

        <td valign="top"
            width="34"
            style="
                width:34px;
                padding:1px 10px 12px 0;
            ">

            <div style="
                width:24px;
                height:24px;
                line-height:24px;
                background-color:#F5B230;
                color:#13294B;
                border-radius:50%;
                text-align:center;
                font-size:14px;
                font-weight:bold;
            ">
                ✓
            </div>

        </td>

        <td valign="top"
            style="
                padding:0 0 12px 0;
                color:#374151;
                font-size:15px;
                line-height:23px;
            ">
            All new calibration certificates produced during this period will be emailed directly to the main contact email address.
        </td>

        </tr>


        <!-- ITEM 2 -->
        <tr>

        <td valign="top"
            width="34"
            style="
                width:34px;
                padding:1px 10px 0 0;
            ">

            <div style="
                width:24px;
                height:24px;
                line-height:24px;
                background-color:#F5B230;
                color:#13294B;
                border-radius:50%;
                text-align:center;
                font-size:14px;
                font-weight:bold;
            ">
                ✓
            </div>

        </td>

        <td valign="top"
            style="
                color:#374151;
                font-size:15px;
                line-height:23px;
            ">
            Certificates produced during the transition will also be available to view and download from the new portal once it launches.
        </td>

        </tr>

    </table>

</td>
</tr>


<!-- CLOSING -->
<tr>
<td class="mobile-padding"
    style="
        padding:0 40px 34px 40px;
    ">

    <p style="
        margin:0 0 18px 0;
        color:#374151;
        font-size:15px;
        line-height:24px;
    ">
        We will provide further information about accessing the new portal before launch.
    </p>

    <p style="
        margin:0;
        color:#6b7280;
        font-size:14px;
        line-height:23px;
    ">
        We apologise for any inconvenience during this short transition period and thank you for your patience.
    </p>

</td>
</tr>


<!-- SIGNATURE -->
<tr>
<td bgcolor="#f5f7f9"
    class="mobile-padding"
    style="
        background-color:#f5f7f9;
        border-top:1px solid #e5e7eb;
        padding:26px 40px;
    ">

    <div style="
        color:#13294B;
        font-size:15px;
        line-height:23px;
        font-weight:bold;
    ">
        David Egan
    </div>

    <div style="
        color:#6b7280;
        font-size:13px;
        line-height:20px;
    ">
        Technical Associate Director
    </div>

    <div style="
        margin-top:16px;
        color:#374151;
        font-size:13px;
        line-height:21px;
    ">
        <strong>Campbell Associates Ltd</strong><br>
        Sonitus House, Unit 5 Chelmsford Road Industrial Estate<br>
        Great Dunmow, Essex, CM6 1HD<br><br>

        Office:
        <a href="tel:01371871030"
           style="color:#13294B; text-decoration:none;">
            01371 871030
        </a>
        <br>

        Web:
        <a href="https://campbell-associates.co.uk/"
           style="color:#13294B; text-decoration:underline;">
            campbell-associates.co.uk
        </a>
    </div>

</td>
</tr>


<!-- FOOTER -->
<tr>
<td bgcolor="#13294B"
    style="
        background-color:#13294B;
        padding:20px 30px;
        text-align:center;
    ">

    <div style="
        color:#cbd5e1;
        font-size:11px;
        line-height:18px;
    ">
        You are receiving this email because your organisation uses Campbell Associates calibration services.
    </div>

</td>
</tr>


</table>
<!-- END EMAIL CONTAINER -->


</td>
</tr>
</table>

</body>
</html>