<html>
<head>
<!-- import your css here -->
<link rel="stylesheet" type="text/css" href="https://my.css">
</head>
<body>
<!-- there should be only one div as child of the body tag -->
<div>
<!-- the header or the footer content should be here -->
<a href="#" id="my_account" class="hide">My account</a>
<a href="#" id="my_account_mobile"> ☰ </a>
</div>
<!-- import your scripts here -->
<script type="text/javascript">
var SecuTixAPI = window.parent.SecuTixAPI;
if (!SecuTixAPI.getContact()) {
var myAcountLink = document.getElementByHide("my_account");
myAcountLink .classList.remove("hide");
myAcountLink.attributes.href.value = SecuTixAPI.getUrls().account;
}
document.getElementById("my_account_mobile").addEventListener(function (event) {
event.preventDefault();
SecuTixAPI.toggleSecutixMobileMenu();
});
</script>
</body>
</html> |