Created
January 17, 2023 16:13
-
-
Save macro6461/20a9d6cf6c1a43ced8d3718ebc83c336 to your computer and use it in GitHub Desktop.
HTML pertaining to blog post about Custom Popup
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- reference css styles in header of your HTML file --> | |
<div class="popup outer"> | |
<div class="popup inner"> | |
<button class="close">x</button> | |
<!-- add custom popup content below --> | |
<img src="giphy.gif"/> | |
<h3>Here is your popop!</h3> | |
<p>If you liked this tool, please leave a tip or follow me on Medium!</p> | |
<p>Thanks for using the custom popup!</p> | |
<a href="https://paypal.me/mattcroak?country.x=US&locale.x=en_US" target="_blank">Paypal</a> | |
<a href="https://matt-croak.medium.com/membership" target="_blank">Medium</a> | |
</div> | |
<!-- uncomment below to use with full screen popup --> | |
<!-- <div class="background-mask"></div> --> | |
</div> | |
<script src="popup.js"></script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment