The "click here" link at the bottom loads and works...but the icon is annoyingly appearing in the middle of the page at all times. Not sure how to get it hidden. This is the click here code:
The reason why you're seeing the Google classroom button showing up on the page is because the button is render by a Javascript. Hence, once the Javascript is being loaded on the page, the button will be visible.
On my end, I managed to get the button to not load when a user first enter the page by adding the following:
However, do note that if a customer exit the modal, the button will show up on the main page. This is because the Javascript has been rendered. For this, I'd strongly recommend you to use a bootstrap modal: Modal · Bootstrap > so that you can use the bootstrap function discussed here: jquery - Refresh page after bootstrap modal close - Stack Overflow to refresh the page after a moda has been closed.
Let me know if there's any further questions on this 🙂