Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D Button with Cross-Platform Functionality</title>
    <style>
        .quote-button {
            position: fixed; /* Keeps the button fixed at the top */
            top: 0; /* Aligns the button to the top of the viewport */
            left: 0; /* Ensures the button spans the full width from the left */
            width: 100%; /* Makes the button as wide as the screen */
            background-color: red; /* Red background for the 3D button */
            color: black; /* Initial text color */
            text-align: center; /* Centers the text inside the button */
            padding: 20px 0; /* Adds vertical padding around the text */
            font-size: 20px; /* Sets the size of the text */
            font-weight: bold; /* Makes the text bold */
            text-decoration: none; /* Removes underline from link */
            border: none; /* No border around the button */
            z-index: 1000; /* Ensures the button stays on top of other content */
            box-shadow: 0 5px #666; /* Adds shadow for the 3D effect */
            cursor: pointer; /* Changes the cursor to a pointer on hover */
        }

        .quote-button:active {
            box-shadow: 0 2px #333; /* Changes the shadow when clicked */
            transform: translateY(2px); /* Moves the button down when clicked */
        }

        .quote-button span {
            animation: color-change 1s infinite alternate; /* Animation to make the text color flash */
        }

        body {
            padding-top: 60px; /* Adds space at the top of the body */
        }

        .instruction-text {
            text-align: center; /* Centers the instruction text */
            color: white; /* Sets the instruction text color to white */
            font-size: 18px; /* Sets the instruction text size */
            margin-top: 20px; /* Adds space between the button and the instructional text */
        }

        @keyframes color-change {
            from { color: black; } /* Starts with black text */
            to { color: white; } /* Changes to white text */
        }
    </style>
    <script>
        function handleMessageLink() {
            // Detect if the device is a mobile phone
            if (navigator.userAgent.match(/Android|iPhone|iPad|iPod/i)) {
                // Mobile device, open SMS application
                window.location.href = "sms:+16193392895?&body=TEXT%20THE%20YEAR,%20MAKE%20%26%20MODEL%20FOR%20A%20QUOTE";
            } else {
                // Not a mobile device, show desktop alert
                alert("TEXT THE YEAR, MAKE & MODEL TO 619-339-2895 TO GET A QUOTE!");
            }
        }
    </script>
</head>
<body>


<a href="#" class="quote-button" onclick="handleMessageLink(); return false;"><span>GET A QUOTE</span></a>


<p class="instruction-text">Click the button or TEXT the YEAR, MAKE & MODEL TO 619-339-2895 for a QUOTE!</p>

</body>
</html>

Text + image

<h2 style="white-space:pre-line">Nano-Carbon IR </h2>
<p>Nano-Carbon IR, powered by Generation 5 Carbon Technology, emerges as the premium choice for car window tinting. Unlike traditional dyed window films that fade, Gen 5 Carbon will not fade, ever.</p>
<p>Gen 5 Carbon Technology is used for shading the film and Nanotechnology is used for the clarity of the film.<br />The combination of both those technologies works so well that I use it in all Automotive films I carry.</p>
<p>This advancement boasts a hefty 67% Infrared Radiation rejection which filters the heat and 99.9% UV protection, ensuring your car remains cool and your skin is shielded from the damage of the sun. Coupled with its Gen 5 Carbon technology, Carbamate HD High Temp Adhesive, stylish charcoal shades, and toughest Hard Coat on the market Nano-Carbon IR offers unmatched value for both protection and aesthetics. </p>
<p>Experience the blend of tech and elegance; it's not just a tint it's a car investment.</p>
<p class="large"><strong>Check out our Nano-Ceramic films!</strong></p>

TrueTints by Gary, Mobile Automotive Window Tinting Service in San Diego County. Tinted this 2022 Tesla 3 at the customers house.