Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }
        .carousel-container {
            position: fixed;
            top: 0;
            width: 100vw; /* Full width of the screen */
            height: auto; /* Allow dynamic height */
            background-color: #ff0000; /* Red background */
            overflow: hidden;
            color: #ffffff; /* White text */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000; /* Ensure it stays on top of other content */
        }
        .carousel-content {
            display: flex;
            animation: slide 18s ease-in-out infinite; /* Adjusted for 4 items */
            white-space: nowrap; /* Prevent wrapping */
        }
        .carousel-item {
            min-width: 100%;
            text-align: center;
            font-size: 2vw; /* Dynamically adjust font size */
            font-weight: bold; /* Bold text */
            text-transform: uppercase; /* Uppercase text */
            line-height: 1.2; /* Slightly tighter line spacing */
            display: flex; /* Center text vertically and horizontally */
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
        }

        /* Adjustments for small screens (phones) */
        @media (max-width: 480px) {
            .carousel-item {
                font-size: 3vw; /* Smaller font for better fit on phones */
            }
        }

        /* Adjustments for tablets */
        @media (min-width: 481px) and (max-width: 768px) {
            .carousel-item {
                font-size: 2.5vw; /* Moderate font for tablets */
            }
        }

        /* Adjustments for laptops and desktops */
        @media (min-width: 769px) {
            .carousel-item {
                font-size: 2vw; /* Larger font for desktops */
            }
        }

        @keyframes slide {
            0% { transform: translateX(0); } /* First sentence */
            19% { transform: translateX(0); } /* Pause */
            25% { transform: translateX(-100%); } /* Transition to second sentence */
            44% { transform: translateX(-100%); } /* Pause */
            50% { transform: translateX(-200%); } /* Transition to third sentence */
            69% { transform: translateX(-200%); } /* Pause */
            75% { transform: translateX(-300%); } /* Transition to fourth sentence */
            94% { transform: translateX(-300%); } /* Pause */
            100% { transform: translateX(0); } /* Reset to first sentence */
        }
    </style>
</head>
<body>
    <div class="carousel-container">
        <div class="carousel-content">
            <div class="carousel-item">WINTER PROMOTION - SAVE £15 + £5 FOR A GOOGLE REVIEW</div>
            <div class="carousel-item">MAPPING WHILE YOU WAIT: TAKES 1.5 - 2 HOURS TO COMPLETE</div>
            <div class="carousel-item">SAVE £50 WHEN YOU BOOK A SERVICE ALONGSIDE A REMAP</div>
            <div class="carousel-item">BOOK TODAY AND FILL OUT OUR CONTACT FORM</div>
        </div>
    </div>
</body>
</html>



<a href="https://www.rpmsussex.com/additional-services" style="text-decoration: none;">
    <div style="background-color: #007bff; color: white; border: 3px solid #0056b3; padding: 20px; border-radius: 10px; font-family: Arial, sans-serif; text-align: center; margin: 20px auto; width: 90%; max-width: 700px; font-size: 1.5em; font-weight: bold; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s, background-color 0.3s; cursor: pointer;" 
         onmouseover="this.style.backgroundColor='#0056b3'; this.style.transform='scale(1.05)';" 
         onmouseout="this.style.backgroundColor='#007bff'; this.style.transform='scale(1)';">
        🚗 <strong>Check out our additional services</strong> to unlock your car's full potential!
    </div>
</a>


Contact form

<h2>Contact Real Performance Mapping Today</h2>
<p><br /><strong>Select Your Service:</strong> Choose from our available upgrades, including Perf Remap, Eco Remap, Blend Remap, or our Advanced Services. Please specify the service you require.</p>
<p><strong>Provide Your Details: </strong>Enter your personal and vehicle information, including your registration number. Providing comprehensive details will streamline the process.</p>
<p><strong>Await Our Response: </strong>Within 24 hours, a team member will contact you via email or call with a detailed price quote for your selected upgrades. Please check your email regularly, including your spam folder, to ensure you receive our communication.</p>
<p>We will also send over a full information pack, providing you with all the relevant information regarding the process. This can also be found in the additional services section. </p>
<p><strong>Non-Refundable Deposit:</strong> A £60 deposit is required to secure your booking.</p>

name

email

REG NUMBER

MANUFACTURER

MODEL

YEAR OF PRODUCTION

HOW DID YOU HEAR ABOUT US ?

What service you require

Performance map

Blend map

Eco map

Interim service

Full service

Major service

Dynodrive

TCU mapping

Terraclean

Fleet services

EGR solutions

AD Blue solutions

STAGE 2

phone

The best way to contact you

Email

Phone

WhatsApp

Sign up for our mailing list and receive a free diagnostic report with your vehicle remap!