-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1525e9e
commit bb6db46
Showing
1 changed file
with
78 additions
and
0 deletions.
There are no files selected for viewing
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <style> | ||
| body { | ||
| margin: 0; | ||
| padding: 0; | ||
| font-family: Arial, sans-serif; | ||
| } | ||
|
|
||
| .whatsapp-button-container { | ||
| position: fixed; | ||
| bottom: 10px; | ||
| left: 10px; | ||
| z-index: 1000; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .whatsapp-button { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| padding: 10px 30px; | ||
| background: rgba(255, 255, 255, 0.2); /* Glass effect */ | ||
| border-radius: 30px; | ||
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
| backdrop-filter: blur(10px); /* Glass blur */ | ||
| border: 1px solid rgba(255, 255, 255, 0.4); | ||
| transition: background 0.3s ease; | ||
| color: #fff; | ||
| font-weight: bold; | ||
| font-size: 14px; | ||
| } | ||
|
|
||
| .whatsapp-button:hover { | ||
| background: rgba(255, 255, 255, 0.3); | ||
| } | ||
|
|
||
| .whatsapp-icon { | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| .whatsapp-button svg { | ||
| fill: white; | ||
| } | ||
|
|
||
| @media (max-width: 600px) { | ||
| .whatsapp-button { | ||
| padding: 8px 20px; | ||
| font-size: 12px; | ||
| } | ||
|
|
||
| .whatsapp-button svg { | ||
| width: 30px; | ||
| height: 30px; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <a href="https://wa.me/?text=Hi%20TS%20bot%20here," target="_blank" class="whatsapp-button-container"> | ||
| <div class="whatsapp-button"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37"> | ||
| <path fill="#fff" fill-rule="evenodd" d="M18.6789 32.1302C16.2038 32.1302 13.76 31.4535 11.6107 30.1729L11.0256 29.8237L5.83389 31.2148L7.21774 26.0527L6.85786 25.4622C5.53415 23.2868 4.83325 20.8054 4.83325 18.2845C4.83325 10.6491 11.0444 4.43888 18.6789 4.43888C26.3134 4.43888 32.5254 10.6491 32.5254 18.2845C32.5254 25.919 26.3134 32.1302 18.6789 32.1302ZM18.6789 1.2117C9.26569 1.2117 1.60607 8.87042 1.60607 18.2845C1.60607 21.1635 2.34466 24.0003 3.74735 26.5329L1.26953 35.7782L10.5634 33.2887C13.0618 34.6439 15.8529 35.3582 18.6789 35.3582C28.093 35.3582 35.7517 27.6986 35.7517 18.2845C35.7517 8.87042 28.093 1.2117 18.6789 1.2117Z" clip-rule="evenodd"></path> | ||
| <path fill="#fff" fill-rule="evenodd" d="M25.0302 20.659C24.3275 20.2381 23.413 19.7696 22.5847 20.1079C21.9502 20.3682 21.5445 21.3616 21.1335 21.8696C20.9217 22.1308 20.6704 22.1711 20.3447 22.0401C17.962 21.0906 16.1348 19.4986 14.8192 17.307C14.5966 16.9651 14.6361 16.6968 14.9053 16.38C15.302 15.9124 15.8019 15.3811 15.9086 14.7502C16.0163 14.1202 15.7202 13.3834 15.4599 12.8216C15.127 12.1037 14.7545 11.0806 14.0357 10.675C13.3752 10.3016 12.5047 10.5108 11.916 10.99C10.9001 11.8165 10.4092 13.1133 10.4244 14.3984C10.428 14.7637 10.4729 15.1281 10.559 15.4799C10.7636 16.3279 11.1549 17.1195 11.5965 17.8724C11.9285 18.4387 12.2902 18.9897 12.6797 19.5192C13.9549 21.2513 15.5416 22.7572 17.3786 23.8816C18.2958 24.4443 19.2848 24.937 20.3079 25.2754C21.4566 25.6541 22.4788 26.0499 23.719 25.8138C25.0167 25.5679 26.2965 24.7638 26.8116 23.5137C26.9642 23.144 27.0404 22.7311 26.9561 22.3399C26.7793 21.5313 25.6844 21.0502 25.0302 20.659Z" clip-rule="evenodd"></path> | ||
| <path stroke="#EBEBEB" d="M25.0302 20.659C24.3275 20.2381 23.413 19.7696 22.5847 20.1079C21.9502 20.3682 21.5445 21.3616 21.1335 21.8696C20.9217 22.1308 20.6704 22.1711 20.3447 22.0401C17.962 21.0906 16.1348 19.4986 14.8192 17.307C14.5966 16.9651 14.6361 16.6968 14.9053 16.38C15.302 15.9124 15.8019 15.3811 15.9086 14.7502C16.0163 14.1202 15.7202 13.3834 15.4599 12.8216C15.127 12.1037 14.7545 11.0806 14.0357 10.675C13.3752 10.3016 12.5047 10.5108 11.916 10.99C10.9001 11.8165 10.4092 13.1133 10.4244 14.3984C10.428 14.7637 10.4729 15.1281 10.559 15.4799C10.7636 16.3279 11.1549 17.1195 11.5965 17.8724C11.9285 18.4387 12.2902 18.9897 12.6797 19.5192C13.9549 21.2513 15.5416 22.7572 17.3786 23.8816C18.2958 24.4443 19.2848 24.937 20.3079 25.2754C21.4566 25.6541 22.4788 26.0499 23.719 25.8138C25.0167 25.5679 26.2965 24.7638 26.8116 23.5137C26.9642 23.144 27.0404 22.7311 26.9561 22.3399C26.7793 21.5313 25.6844 21.0502 25.0302 20.659Z"></path> | ||
| </svg> | ||
| Chat with us on WhatsApp | ||
| </div> | ||
| </a> | ||
|
|
||
| </body> | ||
| </html> |