Created
June 26, 2020 22:41
-
-
Save madeinnordeste/8d37b9c2aa5497024e926722663d1ea7 to your computer and use it in GitHub Desktop.
Float Whatsapp Button
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
| <style type="text/css"> | |
| .float{ | |
| position:fixed; | |
| width:60px; | |
| height:60px; | |
| bottom:40px; | |
| right:40px; | |
| background-color:#25d366; | |
| color:#FFF; | |
| border-radius:50px; | |
| text-align:center; | |
| font-size:30px; | |
| box-shadow: 2px 2px 3px #999; | |
| z-index:100; | |
| } | |
| .my-float{ | |
| margin-top:16px; | |
| } | |
| </style> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
| <a href="https://api.whatsapp.com/send?phone=5582XXXXXXXXX&text=Ol%C3%A1!" class="float" target="_blank"> | |
| <i class="fa fa-whatsapp my-float"></i> | |
| </a> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment