<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>hontouni.com.com</title>
  <style>
    body {
      font-family: Tahoma, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #ffffff;
      text-align: center;
    }

    .content {
      max-width: 800px;
      margin: 0 auto;
      padding: 20px;
    }

    h1 {
      font-size: 32px;
      font-weight: bold;
      margin: 10px 0;
    }

    h2 {
      font-size: 24px;
      font-weight: bold;
      margin: 5px 0 20px;
    }

    h2.mobile-only {
      display: none;
    }

    h3 {
      font-size: 18px;
      font-weight: bold;
      margin: 35px 0 20px;
    }

    .table-container {
      width: 100%;
      overflow-x: auto;
      margin-top: 20px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 14px;
      margin: 0 auto;
    }

    th, td {
      border: 1px solid #aaa;
      padding: 8px 12px;
      text-align: center;
      white-space: nowrap;
    }

    th {
      background-color: #f0f0f0;
    }

    th:first-child, td:first-child {
      text-align: left;
    }

    @media (max-width: 600px) {
      table, thead, tbody, th {
        display: none;
      }

      h2.mobile-only {
        display: block;
        margin-top: 20px;
        font-size: 20px;
      }

      .custom-card {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        background-color: #fafafa;
        padding: 10px;
        font-size: 14px;
        width: 100%;
        max-width: 600px;
        margin: 20px auto;
        box-sizing: border-box;
      }

      .custom-card .domain {
        background-color: #e0e0e0;
        font-weight: bold;
        padding: 10px;
        text-align: center;
        margin-bottom: 10px;
      }

      .card-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding: 0 5px;
      }

      .field {
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 6px;
        text-align: left;
      }

      .field strong {
        display: block;
        font-weight: bold;
        margin-bottom: 4px;
        color: #333;
      }
    }
  </style>
</head>
<body>
  <div class="content">
    <h1>hontouni.com</h1>
    <p>hontouni.com is an evocative, mid-length domain name that radiates authenticity and depth. Drawing on the Japanese word for “really” or “truly,” its nine letters convey sincerity, trust and cultural sophistication—ideal for brands in lifestyle, wellness, media or e-commerce seeking to stand out. Launched in 2007, this aged domain brings SEO authority and credibility, while its smooth, memorable sound makes it perfect for global expansion. hontouni.com is a rare digital asset primed for brands that want to make a genuine impact and foster lasting connections.
</p>
<br clear=all>
    <h2 class="mobile-only">Domains For Sale</h2>
    <div id="domeintabel-wrapper">Loading...</div>

    <script>
      let isMobile = window.innerWidth <= 600;

      function renderResponsiveTable() {
        const wrapper = document.getElementById("domeintabel-wrapper");

        fetch("https://domains.13hq.com/tabel.html?" + Date.now())
          .then(res => res.text())
          .then(html => {
            wrapper.innerHTML = html;

            const rows = wrapper.querySelectorAll("tbody tr");
            const headers = [
              "Moz DA",
              "Moz PA",
              "Semrush AS",
              "Backlinks",
              "Moz Trust",
              "Domain Age"
            ];

            if (isMobile && rows.length) {
              const container = document.createElement("div");
              rows.forEach(row => {
                const cells = row.querySelectorAll("td");
                const card = document.createElement("div");
                card.className = "custom-card";

                const domain = cells[0].innerHTML;
                const values = Array.from(cells).slice(1).map(cell => cell.innerText);

                card.innerHTML = `<div class="domain">${domain}</div><div class="card-grid">${
                  values.map((val, i) => `<div class="field"><strong>${headers[i]}</strong>${val}</div>`).join("")
                }</div>`;

                container.appendChild(card);
              });

              wrapper.innerHTML = "";
              wrapper.appendChild(container);
            }
          });
      }

      renderResponsiveTable();

      window.addEventListener("resize", () => {
        const currentIsMobile = window.innerWidth <= 600;
        if (currentIsMobile !== isMobile) {
          isMobile = currentIsMobile;
          renderResponsiveTable();
        }
      });
    </script>

    <div class="container">
      <div class="section-header">
        <h3>Some Of Our Sites</h3>
        <p>
          <a href="https://marsoleil.com">Marsoleil Car Rental</a> -
          <a href="https://travelinformation.eu">Travelinformation Europe</a> -
          <a href="https://paruso.com">Paruso.com</a>
        </p>
      </div>
      <p><br><a href="/cdn-cgi/l/email-protection#3950575f5679515c4b4d5e5c175a5654">Contact us</a></p>
    </div>
  </div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
