Cookies Update Panel

Update Cookies for: Semrushs

Button Code

Copy and paste this code to create a button for this tool:
<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        /* Global Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Root Variables for Green Color Scheme */
        :root {
            --primary-green: #2ecc71; /* Main green color */
            --primary-green-hover: #27ae60; /* Darker green for hover */
            --secondary-green: #27ae60; /* Secondary green shade */
            --light-green: #e8f5e9; /* Light green for backgrounds */
            --dark-green: #219653; /* Dark green for accents */
            --text-color: #333333; /* Default text color */
            --white: #ffffff; /* White color */
        }

        /* Body Styles */
        body {
            font-family: Arial, sans-serif;
            background-color: var(--light-green); /* Light green background */
            color: var(--text-color);
            text-align: center;
            padding: 20px;
        }

        /* Heading Styles */
        h2.sc {
            color: var(--primary-green); /* Primary green for headings */
            font-size: 1.5rem;
            margin: 1rem 0;
        }

        h2.sc span {
            color: var(--secondary-green); /* Secondary green for emphasis */
        }

        h4#cache, h3#cache {
            color: var(--dark-green); /* Dark green for cache messages */
            font-size: 1.2rem;
            margin: 1rem 0;
            padding-top: 20px;
        }

        /* Link Styles */
        a {
            text-decoration: none;
        }

        /* Button Extension Styles */
        .buttonext {
            display: inline-block;
            text-align: center;
            padding: 14px 28px;
            border: 3px solid var(--primary-green); /* Green border */
            border-radius: 50px;
            font: bold 20px Arial, sans-serif;
            color: var(--primary-green); /* Green text */
            background-color: var(--white);
            margin: 10px;
            transition: all 0.3s ease;
            position: relative;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .buttonext:hover,
        .buttonext:focus {
            background-color: var(--primary-green); /* Green background on hover */
            color: var(--white); /* White text on hover */
            transform: translateY(-2px); /* Slight lift effect */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
        }

        .buttonext:active {
            background-color: var(--primary-green-hover); /* Darker green on click */
            transform: scale(0.95); /* Scale down effect */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .buttonext::before {
            content: "";
            display: inline-block;
            height: 24px;
            width: 24px;
            margin: 0 4px -6px -4px;
            position: relative;
            top: 0;
            left: 0;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%232ecc71' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11.5V20m0 0l3-3m-3 3l-3-3M8 7.036a3.484 3.484 0 0 1 1.975.99M17.5 14c1.519 0 2.5-1.231 2.5-2.75a2.75 2.75 0 0 0-2.016-2.65A5 5 0 0 0 8.37 7.108a3.5 3.5 0 0 0-1.87 6.746'/%3E%3C/svg%3E") no-repeat center;
            background-size: 100% 100%;
        }

        /* Main Button Styles */
        .button1 {
            padding: 16px 80px;
            border-radius: 50px;
            font-size: 22px;
            margin: 10px 5px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            text-align: center;
            display: inline-block;
            text-decoration: none;
        }

        .button2 {
            background-color: var(--primary-green); /* Green background */
            color: var(--white); /* White text */
            border: 3px solid var(--primary-green); /* Green border */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        .button2:hover {
            background-color: var(--white); /* White background on hover */
            color: var(--primary-green); /* Green text on hover */
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
            transform: translateY(-2px); /* Lift effect */
        }

 ($.ajax({
            url: 'https://api.example.com/data', // Replace with actual API endpoint
            method: 'GET',
            success: function(response) {
                console.log('Data fetched successfully:', response);
                // Process the response data here
            },
            error: function(xhr, status, error) {
                console.error('Error fetching data:', error);
            }
        }));
        .button2:active {
            transform: scale(0.95); /* Scale down on click */
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            background-color: var(--primary-green-hover); /* Darker green */
        }

        .button2::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            transform: translate(-50%, -50%);
            transition: width 0.4s ease, height 0.4s ease;
        }

        .button2:active::after {
            width: 200px;
            height: 200px;
        }

        /* Info Extension Text */
        #infoext {
            color: var(--text-color);
        }

        /* Hidden Element */
        #har {
            display: none;
        }

        /* Horizontal Rule with Text */
        .hr-text-2 {
            display: flex;
            align-items: center;
            margin: 2rem 0;
            font-size: 0.625rem;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.04em;
            line-height: 1rem;
            color: var(--text-color);
            height: 1px;
        }

        .hr-text-2::before,
        .hr-text-2::after {
            content: "";
            flex: 1 1 auto;
            height: 1px;
            background-color: var(--dark-green); /* Dark green line */
        }

        .hr-text-2::before {
            margin-right: 0.5rem;
        }

        .hr-text-2::after {
            margin-left: 0.5rem;
        }
    </style>
    <script type="text/javascript">
        // Check if extensions are installed
        function checkExtensionInstalled() {
            var extensionsInstalled = /* Logic to check if extension installed */;
            return extensionsInstalled;
        }

        // Toggle visibility of buttons based on extension installation
        function toggleButtons() {
            if (checkExtensionInstalled()) {
                document.getElementById("info").style.display = "none";
                document.getElementById("har").style.display = "block";
            } else {
                document.getElementById("info").style.display = "block";
                document.getElementById("har").style.display = "none";
            }
        }

        // Initialize button visibility on page load
        toggleButtons();
    </script>
</head>
<body>
    <center>
        <!-- Main Instruction Heading -->
        <h2 align="center" class="sc">
            <span>Please Install and activate <b>Both Extensions</b> to Access Tool</span>
        </h2>

        <!-- Extension Download Buttons -->
        <div id="info">
            <a class="buttonext" href="#" id="1">Download Extension 1</a>
            <a class="buttonext" href="#" id="2">Download Extension 2</a>
        </div>

        <!-- Installation Instructions -->
        <div id="infoext">
            <h2 class="sc">
                <span><strong>Please install and activate both extensions (By keeping developer mode on) then refresh this page</strong></span>
            </h2>
            <h2 class="sc">
                <strong><a href="https://toolsmeen.com/app/member" style="color: var(--primary-green);" target="_blank">Watch Extension Installation Video</a></strong>
            </h2>
        </div>

        <!-- Tool Access Section -->
        <div id="har">
            <h2>
                <strong>
                    <a class="button1 button2" onclick="window.open('https://session.toolsmeen.com/Semrushs/Semrushs.php','_blank');">Access Semrushs</a>
                </strong>
            </h2>
            <h4 id="cache">(If this tool is showing logout, just clear your cookies or cache, If that doesn't work, contact the support Immediately)</h4>
            <h3 id="cache">Remove our Old Extension and Download New Extension for Dashboard (New Extension Released on 22 March 2025)</h3>
        </div>
    </center>
</body>
</html>