Renata/sozdat-sayt-ekskursii-na-kva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

плавающий значок whatsapp

Browse Source
This commit is contained in:
Renata 2026-08-14 10:19:53 +00:00
parent 8f11a8bf3c
commit cf4fd0e07d
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -9,6 +9,9 @@
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏍️</text></svg>"> <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏍️</text></svg>">
<style> <style>
:root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--orange:#FF6B35;--orange-dark:#E55A2B} :root{--ink:#0F1218;--cyan:#00E5FF;--cyan-50:#E8FCFF;--white:#fff;--gray-500:#5B6573;--gray-100:#F2F4F7;--orange:#FF6B35;--orange-dark:#E55A2B}
.whatsapp-float{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 12px rgba(37,211,102,0.4);z-index:1000;transition:transform 0.3s,box-shadow 0.3s;text-decoration:none}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,0.6)}
@media(max-width:640px){.whatsapp-float{width:50px;height:50px;font-size:26px;bottom:16px;right:16px}}
*{box-sizing:border-box;margin:0;padding:0} *{box-sizing:border-box;margin:0;padding:0}
body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)} body{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;color:var(--ink);background:var(--white)}
.container{max-width:1140px;margin:0 auto;padding:80px 24px} .container{max-width:1140px;margin:0 auto;padding:80px 24px}
@ -239,5 +242,7 @@ var io=new IntersectionObserver(function(entries){
document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); }); document.querySelectorAll('.reveal').forEach(function(el){ io.observe(el); });
</script> </script>
<a class="whatsapp-float" href="https://wa.me/77771234567?text=Здравствуйте! Хочу записаться на квадро-тур" title="Написать в WhatsApp">💬</a>
</body> </body>
</html> </html>