Tool Management Panel

Update Cookies for: Canva

Button Code

Copy and paste this code to create a button for this tool:
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style media="screen" type="text/css">#infoext{
color:black;
}
.button1 {
  background-color: #fff; /* Green */
  border: none;
  color: #fff;
  padding: 16px 80px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}



.button2 {
  background-color: #6351E1; 
  color: #fff; 
  border: 2px solid #6351E1;
    box-shadow: 3px 3px 6px 0px #6351E1;
}

.button2:hover {
  background-color: #fff;
  color: #6351E1;
    box-shadow: 3px 3px 6px 0px #98c971;
}
.buttonext {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 3px solid #6351E1;
    border-radius: 100px;
       box-shadow: 3px 3px 6px 0px #6351E1;
    font: normal normal bold 20px arial;
    color: #6351E1;
    text-decoration: none;
}
.buttonext:hover,
.buttonext:focus {
    color: #fff;
    text-decoration: none;
background-color: #6351E1; 
}
.buttonext:active {
    background: #e6e6fa;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#ffffff));
    background: -moz-linear-gradient(top, #999999, #ffffff);
    background: linear-gradient(to bottom, #999999, #ffffff);
}
.buttonext:before {
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    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='%23000000' 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 left center transparent;
    background-size: 100% 100%;
}




h {
  color:white;
font-size: 125%;
}
h3#cache {
    padding-top: 38px;
    color: black;
}
#har{
display:none;
}

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

.hr-text-2:before {
    content: "";
    margin-right: 0.5rem;
}
.hr-text-2:after, .hr-text-2:before {
    flex: 1 1 auto;
    height: 1px;
    background-color: #4B8F17;
}

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

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";
    }
}

toggleButtons(); // Call the function initially

    //-->
    </script>
</head>
<body data-gr-ext-installed="" data-new-gr-c-s-check-loaded="14.1192.0">
<center>
<h2 align="center" class="sc" style="color: red;"><span style="color:#6351e1;">Please Install and activate <b>Both Extensions</b> to Access Tool</span></h2>

<div id="info"><a class="buttonext" href="https://app.toolsofferbd.com/content/f/id/9" id="1">Download Extension 1</a> <a class="buttonext" href="https://app.toolsofferbd.com/content/f/id/10" id="2">Download Extension 2</a></div>
&nbsp;

<div id="infoext">
<h2 class="sc" style="color: #4d9019;"><span style="color:#6351e1;"><strong>Please install and activate&nbsp;both extensions (By keeping developer mode on) then refresh this page&nbsp;</strong></span></h2>

<h2 class="sc"><strong><a href="https://app.toolsofferbd.com/page/how+to+acces" style="color: red;" target="_blank">Watch Extension Installation Video</a> </strong></h2>
</div>

<div id="har">
<div class="container-xl d-flex flex-column justify-content-center">
<center>


<h2><strong><a class="button1  button2" onclick="window.open('https://session.toolsofferbd.com/Canva/Canva.php','_blank');">Access Canva</a></strong></h2>
&nbsp;


<h4 id="cache">(If this tool is showing logout, just clear your cookies or cache, If that doesn&#39;t work, contact the support Immediately)</h4>

<h3 id="cache" style="color: green;">Remove our Old Extension and Download New Extension for Dashboard (New Extension Released on 12 May 2025)</h3>
</center>
</div>
</div>
</center>
</body>
</html>