about-us.html

<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-REWQ55HSVH"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-REWQ55HSVH');
</script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO & Brand Rebranding -->
  <title>About Us | ToolsGrid — Free Online Tools India</title>
  <meta name="description"
    content="Learn more about ToolsGrid — India's premier free online tools platform offering calculators, converters, and web tools without registration.">
  <meta name="keywords" content="about toolsgrid, free online tools, open source utilities, client side tools india">

  <meta name="robots" content="index, follow">
  <meta property="og:title" content="About Us | ToolsGrid — Free Online Tools India">
  <meta property="og:description" content="Learn more about ToolsGrid — India's premier free online tools platform.">
  <meta property="og:type" content="website">

  <!-- Canonical URL -->
  <link rel="canonical" href="https://toolsgrid.co.in/about-us.html">

  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link
    href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap"
    rel="stylesheet">

  <!-- Stylesheet -->
  <link rel="stylesheet" href="assets/css/style.css">

  <!-- 🔧 ADSENSE: Replace ca-pub-XXXXXXXXXXXXXXXX with your Publisher ID -->
  <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX" crossorigin="anonymous"></script> -->

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="assets/img/favicon.png">
  
</head>

<body>

  <!-- NAVBAR -->
  <nav class="navbar">
    <a href="index.html" class="navbar-brand">
      🛠️ Tools<span>Grid</span>
    </a>
    <ul class="navbar-links">
      <li><a href="index.html">Home</a></li>
      <li><a href="index.html#calculators">Calculators</a></li>
      <li><a href="index.html#text-tools">Text Tools</a></li>
      <li><a href="index.html#generators">Generators</a></li>
       <li><a href="index.html#healths">Healths</a></li>
        <li><a href="contact.html">Contact</a></li>
      <li><a href="about-us.html">About</a></li>
    </ul>
    <!-- Hamburger — mobile only -->
  <button class="hamburger" id="hamburger" aria-label="Open menu">
    <span></span>
    <span></span>
    <span></span>
  </button>
</nav>

<!-- OVERLAY -->
<div class="menu-overlay" id="menuOverlay"></div>

<!-- MOBILE MENU — slides from bottom -->
<div class="mobile-menu" id="mobileMenu">
  <div class="mobile-menu-handle"></div>
  <a href="index.html" onclick="closeMenu()">
    <div class="menu-icon">🏠</div> Home
  </a>
  <a href="index.html#calculators" onclick="closeMenu()">
    <div class="menu-icon">🧮</div> Calculators
  </a>
  <a href="index.html#text-tools" onclick="closeMenu()">
    <div class="menu-icon">📝</div> Text Tools
  </a>
  <a href="index.html#generators" onclick="closeMenu()">
    <div class="menu-icon">⚙️</div> Generators
  </a>
  <a href="index.html#healths" onclick="closeMenu()">
    <div class="menu-icon">❤️</div> Healths
  </a>
  <a href="contact.html" onclick="closeMenu()">
    <div class="menu-icon">✉️</div> Contact
  </a>
  <a href="about-us.html" onclick="closeMenu()">
    <div class="menu-icon">ℹ️</div> About
  </a>
</div>

  <!-- HEADER AD SLOT -->
  <!-- <div class="container">
  <div class="ad-slot ad-slot-header">
    📢 Advertisement (728×90) — Replace with Google AdSense code
  </div>
</div> -->

  <!-- MAIN CONTENT AREA -->
  <!-- MAIN CONTENT AREA -->
  <div class="container" style="padding:40px 20px;">
    <div class="layout"> <!-- ABOUT CONTENT -->
      <main style="flex:1;">
        <div class="tool-box"
          style="max-width:800px;margin:0 auto;text-align:center;background:#fff;padding:40px 30px;border-radius:8px;">
          <div style="font-size:64px;margin-bottom:16px;">🛠️</div>
          <h1 style="font-family:var(--font-head);font-size:32px;margin-bottom:12px;"> About ToolsGrid </h1>
          <p style="color:var(--text-muted);font-size:16px;line-height:1.8;max-width:650px;margin:0 auto 32px;">
            ToolsGrid is a simple website that provides free online tools for everyday use. Whether you need to
            calculate EMI, check GST, count words, generate passwords, or perform quick calculations, our goal is to
            make these tasks easy and accessible for everyone. </p> <!-- STATS -->
          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;">
            <div style="background:var(--primary-lt);border-radius:14px;padding:24px;">
              <div style="font-size:36px;margin-bottom:8px;">🔧</div>
              <div style="font-family:var(--font-head);font-size:22px;font-weight:700;color:var(--primary);"> 10+ </div>
              <div style="color:var(--text-muted);font-size:13px;"> Free Tools </div>
            </div>
            <div style="background:#fef3c7;border-radius:14px;padding:24px;">
              <div style="font-size:36px;margin-bottom:8px;">⚡</div>
              <div style="font-family:var(--font-head);font-size:22px;font-weight:700;color:#b45309;"> 100% </div>
              <div style="color:var(--text-muted);font-size:13px;"> Free to Use </div>
            </div>
            <div style="background:#fee2e2;border-radius:14px;padding:24px;">
              <div style="font-size:36px;margin-bottom:8px;">🔒</div>
              <div style="font-family:var(--font-head);font-size:22px;font-weight:700;color:#be185d;"> Privacy </div>
              <div style="color:var(--text-muted);font-size:13px;"> User First </div>
            </div>
          </div>
          <p style="color:var(--text-muted);line-height:1.8;text-align:left;"> We believe useful tools should be fast,
            simple, and available to everyone without requiring registration or complicated setup. </p>
          <p style="color:var(--text-muted);line-height:1.8;text-align:left;"> Most of the tools on ToolsGrid work
            directly in your browser, helping you get results quickly. We continuously add new tools and improve
            existing ones to make the website more useful. </p>
          <p style="color:var(--text-muted);line-height:1.8;text-align:left;"> Thank you for visiting ToolsGrid and
            supporting our project. </p>
        </div>
      </main> <!-- SIDEBAR -->
      <aside class="sidebar">
        <!-- SIDEBAR AD (Enable after AdSense approval) <div class="ad-slot ad-slot-sidebar"> Advertisement </div> -->
        <!-- Popular Tools -->
        <div class="sidebar-widget">
          <h3>🔥 Popular Tools</h3>
          <ul class="popular-list">
            <li>🧮 <a href="tools/emi-calculator.html">EMI Calculator</a></li>
            <li>🎂 <a href="tools/age-calculator.html">Age Calculator</a></li>
            <li>💹 <a href="tools/gst-calculator.html">GST Calculator</a></li>
            <li>🔐 <a href="tools/password-generator.html">Password Generator</a></li>
            <li>📝 <a href="tools/word-counter.html">Word Counter</a></li>
            <li>📊 <a href="tools/percentage-calculator.html">Percentage Calculator</a></li>
            <li>⚖️ <a href="tools/bmi-calculator.html">BMI Calculator</a></li>
          </ul>
        </div>

        <!-- CATEGORIES -->
        <div class="sidebar-widget">
          <h3>📂 Categories</h3>
          <ul class="popular-list">
            <li>🧮 <a href="index.html#calculators">Calculators</a></li>
            <li>📝 <a href="index.html#text-tools">Text Tools</a></li>
            <li>⚙️ <a href="index.html#generators">Generators</a></li>
            <li>💰 <a href="index.html#generators">Finance Tools</a></li>
            <li>❤️ <a href="index.html#generators">Health Tools</a></li>
          </ul>
        </div>

        <!-- SECOND SIDEBAR AD -->
        <!-- <div class="ad-slot" style="height:200px; margin-top:16px;">
          📢 Ad (300×200)
        </div> -->
      </aside>

    </div>
  </div>

  <!-- FOOTER AD SLOT -->
  <!-- <div class="container">
    <div class="ad-slot" style="height:90px; margin: 16px 0;">
      📢 Advertisement (728×90) — Footer AdSense
    </div>
  </div> -->

  <!-- FOOTER -->
  <footer>
    <div class="footer-links">
      <a href="index.html">Home</a>
      <a href="about-us.html">About</a>
      <a href="privacy-policy.html">Privacy Policy</a>
      <a href="contact.html">Contact</a>
      <a href="sitemap.xml">Sitemap</a>
    </div>
    <p>© 2026 <strong style="color:white;">ToolsGrid.co.in</strong> Free Online Tools for India</p>
    <p style="margin-top:6px; font-size:12px; opacity:0.5;">
      Made with ❤️ in India | Free Online Tools for Everyone
    </p>
  </footer>

  <!-- Main JS -->
  <script src="assets/js/main.js"></script>
</body>

</html>