<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Contact — IncomeTax4U</title>
<style>
:root{--bg: #ffffff; --accent: #25D366; --accent-dark:#128C7E; --phone:#0b7dda; --shadow: 0 6px 18px rgba(0,0,0,0.12)}
body{font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial; margin:0; background:var(--bg);}
/* fixed compact contact widget */
.contact-widget{position:fixed; right:18px; bottom:18px; display:flex; gap:10px; align-items:center; z-index:9999}
.contact-btn{width:54px; height:54px; border-radius:50%; display:inline-grid; place-items:center; text-decoration:none; box-shadow:var(--shadow); transition:transform .12s ease, box-shadow .12s ease}
.contact-btn:active{transform:translateY(1px)}
/* individual styles */
.whatsapp{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);}
.call{background:linear-gradient(180deg,var(--phone) 0%,#0564b8 100%);}
.website{background:#222;color:#fff}
/* icon sizes */
.contact-btn svg{width:26px;height:26px;display:block}
/* tooltip (optional) */
.tooltip{font-size:13px;padding:8px 10px;border-radius:8px;background:#111;color:#fff;opacity:0;transform:translateY(6px);transition:all .14s ease;pointer-events:none;white-space:nowrap}
.contact-btn:hover + .tooltip, .contact-btn:focus + .tooltip{opacity:1;transform:translateY(0)}
/* small-screen tweak */
@media (max-width:420px){.contact-btn{width:48px;height:48px}.contact-btn svg{width:22px;height:22px}}
</style>
</head>
<body>
<!--
Compact contact widget for IncomeTax4U
- WhatsApp opens a chat using wa.me with country code +91
- Call uses tel: with country code +91
- Website opens incometax4u.com in a new tab
Change the phone number or URL below if needed.
-->
<div class="contact-widget" aria-hidden="false">
<!-- WhatsApp -->
<a href="https://wa.me/917000746935" class="contact-btn whatsapp" title="Chat on WhatsApp" aria-label="Chat on WhatsApp (7000746935)" target="_blank" rel="noopener noreferrer">
<!-- WhatsApp SVG icon (inline, no external libs) -->
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M20.52 3.48A11.94 11.94 0 0012 0C5.37 0 .08 5.29.08 11.92c0 2.1.55 4.15 1.6 5.96L0 24l6.39-1.66A11.9 11.9 0 0012 23.92c6.63 0 11.92-5.29 11.92-11.92 0-3.18-1.25-6.16-3.4-8.52z" fill="#ffffff" opacity="0.04"/>
<path d="M12 2.08c5.44 0 9.84 4.4 9.84 9.84 0 5.46-4.4 9.86-9.84 9.86a9.78 9.78 0 01-4.3-.95L4.2 21.6l1.8-3.9A9.77 9.77 0 012.24 11.92C2.24 7.48 6.64 3.08 12 3.08z" fill="#fff"/>
<path d="M17.2 14.3c-.3-.15-1.78-.88-2.05-.98-.27-.1-.48-.15-.68.15-.2.3-.78.98-.95 1.18-.17.2-.34.22-.63.07-.3-.15-1.27-.47-2.41-1.48-.89-.79-1.48-1.77-1.65-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.34.45-.5.15-.17.2-.28.3-.47.1-.2 0-.37-.02-.52-.02-.15-.67-1.6-.92-2.2-.24-.58-.48-.5-.68-.51l-.58-.01c-.2 0-.52.07-.8.37-.27.3-1.02.99-1.02 2.42 0 1.43 1.04 2.82 1.19 3.02.15.2 2.06 3.3 5 4.63 2.94 1.34 2.94.89 3.47.83.53-.06 1.78-.72 2.03-1.41.25-.69.25-1.28.18-1.41-.07-.14-.27-.2-.57-.35z" fill="#128C7E"/>
</svg>
</a>
<div class="tooltip">Chat on WhatsApp</div>
<!-- Call -->
<a href="tel:+917000746935" class="contact-btn call" title="Call Now" aria-label="Call 7000746935">
<!-- Phone SVG -->
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M21 16.5v3a1.5 1.5 0 01-1.64 1.49C9.33 20.68 3.32 14.67 1.01 5.64A1.5 1.5 0 012.5 4h3a1.5 1.5 0 011.43 1.04l.72 2.22a1.5 1.5 0 01-.33 1.5L6.6 11.6a16.15 16.15 0 006.8 6.8l1.83-1.15a1.5 1.5 0 011.5-.33l2.22.72A1.5 1.5 0 0121 16.5z" fill="#fff"/>
</svg>
</a>
<div class="tooltip">Call 7000746935</div>
<!-- Website -->
<a href="https://incometax4u.com" class="contact-btn website" title="Visit Website" aria-label="Open incometax4u.com" target="_blank" rel="noopener noreferrer">
<!-- Globe / website SVG -->
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M12 2a10 10 0 100 20 10 10 0 000-20zm7.5 10h-3.02a15.3 15.3 0 00-1.22-4.02A8.02 8.02 0 0119.5 12zM12 4.5c-.8 1.5-1.56 3.82-1.97 6.5h-4.26A8.02 8.02 0 0112 4.5zM4.5 12a8.02 8.02 0 012.69-5.52A17.1 17.1 0 008.74 12H4.5zM12 19.5c.8-1.5 1.56-3.82 1.97-6.5h4.26A8.02 8.02 0 0112 19.5zM19.5 12c0 1.33-.2 2.62-.57 3.8A15.3 15.3 0 0019.5 12zM12 4.5c.91 0 1.9 2.05 2.7 5.1-1.58.02-3.13.02-4.7 0C10.1 6.55 11.09 4.5 12 4.5z" fill="#fff"/>
</svg>
</a>
<div class="tooltip">Visit incometax4u.com</div>
</div>
</body>
</html>