HEX

File: /home/govancoz/mail/new/1710241602.M479752P3525591.zacp120.ve.host,S=11961,W=12189
Envelope-to: cheryl@govan.co.za
Delivery-date: Tue, 12 Mar 2024 13:06:42 +0200
Content-Type: multipart/mixed; boundary="===============4219928445564399119=="
MIME-Version: 1.0
From: jonny@jjsounds.com
To: cheryl@govan.co.za
Subject: About your events - 021 1100 2818 | Ashraff
Message-ID: <E1rjzxC-00CMio-PT@server11.antispam.co.za>

--===============4219928445564399119==
Content-Type: text/html; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JJ Sound & Screen - Your Event Audiovisual Partner</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
<style>
    body { font-family: 'Open Sans', sans-serif; }
    .email-container { max-width: 650px; margin: auto; }
    .email-header { background-color: #14532d; /* Deeper green for header */ color: #ffffff; padding: 20px; text-align: center; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; position: relative; }
    .email-header h1 { font-family: 'Montserrat', sans-serif; color: #ffffff; text-shadow: 1px 1px 1px #000; }
    .email-body { padding: 20px; background-color: #f9f9f9; }
    .email-footer { background-color: #14532d; color: #ffffff; padding: 20px; text-align: center; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
    .email-button { background-color: #2a9d8f; /* Complementary green for buttons */ color: #ffffff; padding: 10px 25px; text-decoration: none; border-radius: 0.25rem; display: inline-block; }
    .img-fluid { max-width: 100%; height: auto; margin-bottom: 20px; border-radius: 0.25rem; }
    .featurette-divider { margin: 2rem 0; }
    .featurette-heading { font-size: 2rem; font-weight: 700; line-height: 1; color: #14532d; /* Deeper green for subheadings */ }
    .featurette-content { font-size: 1rem; line-height: 1.6; }
    .text-muted { color: #6c757d!important; }
    .table { margin-bottom: 20px; }
    .header-bg { background-image: url('https://www.jjsounds.com/wp-content/uploads/2023/11/IMG_6533-scaled.webp'); background-size: cover; background-position: center; padding: 80px 20px; }
    .service-image { height: 150px; object-fit: cover; margin-bottom: 20px; }
    .logo { max-width: 200px; margin-bottom: 20px; }
</style>
<script>
    // Function to insert current date and time
    function insertDateTime() {
        var currentDate = new Date();
        var dateTimeElement = document.getElementById("datetime");
        dateTimeElement.innerHTML = "Date and Time: " + currentDate.toLocaleString();
    }
</script>
</head>
        <p id="datetime"></p>
<body onload="insertDateTime()">

<div class="email-container bg-white shadow rounded">
    <div class="email-header header-bg">
        <img src="https://megaled.africa/wp-content/uploads/2023/11/other-color-1-scaled-copy-e1623607390835-removebg-preview.png" alt="JJ Sound & Screen Logo" class="img-fluid logo">
        <h1>Exceptional Sound & Screen Experiences</h1>
    </div>
    <div class="email-body">
        <h2 class="featurette-heading text-center">Your Premier Audiovisual Service Provider</h2>
        <p class="featurette-content">
            Hi {name}. As the year end approaches, theres more and more happening. Events are picking up and in the case that all you need is a mic, speaker, projector or a Video Wall, we can help.
        </p>

        <div class="text-center">
            <img src="https://www.jjsounds.com/wp-content/uploads/2023/03/Sound-Hire-Newlands-300x300.jpg" alt="Sound Hire" class="img-fluid service-image">
        </div>

        <h2 class="featurette-heading">Tailored Audiovisual Solutions</h2>
        <p class="featurette-content">
            Our customized approach means your event is powered by the best in AV technology, matched perfectly to your event's theme and size. From intimate gatherings to grand scale events, we've got the gear and expertise you need.
        </p>

        <div class="text-center">
            <img src="https://www.jjsounds.com/wp-content/uploads/2023/03/Conference-System-with-Controler-Chairman-Mic-Hire-Ronderbosch-scaled-300x300.jpg" alt="Conference System" class="img-fluid service-image">
        </div>

        <h3 class="featurette-heading">Areas We Cover</h3>
        <table class="table">
            <thead class="thead-light">
                <tr>
                    <th scope="col">Service</th>
                    <th scope="col">Benefit</th>
                    <th scope="col">Area</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Professional Sound Systems</td>
                    <td>Crystal-clear audio</td>
                    <td>Western Cape</td>
                </tr>
                <tr>
                    <td>HD Projectors & Screens</td>
                    <td>Stunning visual clarity</td>
                    <td>Cape Town & Surrounds</td>
                </tr>
                <tr>
                    <td>LED Screens</td>
                    <td>Impactful displays</td>
                    <td>West to East Coast</td>
                </tr>
                <tr>
                    <td>Event Support</td>
                    <td>End-to-end assistance</td>
                    <td>Southern Suburbs & Beyond</td>
                </tr>
            </tbody>
        </table>

        <div class="text-center">
            <a href="https://jjsounds.com" class="email-button">Plan Your Event with Us</a>
        </div>
    </div>
    <div class="email-footer">
        <p>Connect with Us | JJ Sound & Screen, 9 Keysers Road, Tokai | <a href="https://jjsounds.com" style="color: #ffffff;">info@jjsounds.com</a> | Office: 021 100 281</p>
        <p>Speak to Jonathan: 082 621 5062 or 082 929 9755</p>
    </div>
        <p>
        <a href="https://jjsounds.com/unsubscribe?email={email}" style="color: #ffffff;">Unsubscribe</a>
      </p>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.11/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

--===============4219928445564399119==--