<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Domain for sale</title>
<meta name="description" content="This domain is available for purchase.">
<meta name="robots" content="noindex, nofollow">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='5' fill='%23006687'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='%23fff'/%3E%3Ccircle cx='21' cy='21' r='5' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root{
  --brand:#005588;--teal:#006687;--navbar:#0e5077;--hero:#043d5f;
  --primary:#337ab7;--primary-h:#286090;--success:#5cb85c;--success-b:#4cae4c;--success-h:#449d44;
  --text:#333;--muted:#777;--page:#f8f8f8;--panel:#fff;--line:#ddd;--panel-head:#f5f5f5;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Open Sans",Verdana,Tahoma,sans-serif;font-size:14px;line-height:1.428;color:var(--text);background:var(--page);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;line-height:1.2}
a{color:var(--brand);text-decoration:none}
.wrap{width:100%;max-width:1000px;margin:0 auto;padding:0 15px}

/* two-tier header */
.wh-top{background:#fff;border-bottom:1px solid #e7e7e7}
.wh-top .wrap{display:flex;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:10px}
.logo-glyph{width:32px;height:32px;border-radius:5px;background:var(--teal);position:relative;flex-shrink:0}
.logo-glyph::before{content:"";position:absolute;top:8px;left:8px;width:7px;height:7px;border-radius:50%;background:#fff}
.logo-glyph::after{content:"";position:absolute;top:15px;left:15px;width:9px;height:9px;border:2px solid #fff;border-radius:50%}
.logo-text{font-family:"Raleway",sans-serif;font-weight:700;font-size:20px;color:var(--text)}
.wh-nav{background:var(--teal)}
.wh-nav .wrap{display:flex;align-items:center;min-height:38px}
.wh-nav a{color:#fff;font-size:13.5px;padding:10px 14px;opacity:.92}
.wh-nav a:hover{background:rgba(0,0,0,.15);opacity:1}
.wh-nav .spacer{margin-left:auto}

/* buttons (BS3) */
.btn{display:inline-flex;align-items:center;gap:7px;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:600;padding:9px 18px;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}
.btn-success{background:var(--success);border-color:var(--success-b);color:#fff}
.btn-success:hover{background:var(--success-h);color:#fff}

/* home-banner with WHMCS-style domain result */
.home-banner{background:var(--hero);color:#fff;padding:44px 0 48px}
.banner-title{color:#fff;font-size:26px;font-weight:700;text-align:center;margin-bottom:6px}
.banner-sub{color:rgba(255,255,255,.8);font-size:15px;text-align:center;margin-bottom:24px}
.dresult{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.25);max-width:700px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.dresult-info{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.dname{font-family:"Raleway",sans-serif;font-weight:700;font-size:23px;color:var(--text);word-break:break-word}
.label{display:inline-block;padding:.28em .6em .32em;font-size:11px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;border-radius:3px;text-transform:uppercase;letter-spacing:.03em}
.label-success{background:var(--success)}
.dnote{text-align:center;color:rgba(255,255,255,.72);font-size:13px;margin-top:16px}
.dnote a{color:#bfe0ff}

/* content panels */
main{flex:1;padding:34px 0 46px}
.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-heading{background:var(--panel-head);border-bottom:1px solid var(--line);padding:10px 15px;border-radius:4px 4px 0 0;font-family:"Raleway",sans-serif;font-weight:700;font-size:14px}
.panel-body{padding:16px 15px}
.feat{display:flex;gap:12px;align-items:flex-start}
.feat .ic{width:38px;height:38px;border-radius:4px;background:#eef3f6;display:grid;place-items:center;color:var(--teal);flex-shrink:0}
.feat .ic svg{width:20px;height:20px}
.feat h3{font-size:15px;margin-bottom:3px;color:var(--text)}
.feat p{font-size:13px;color:#666;line-height:1.55}

/* footer */
.site-footer{background:var(--navbar);color:rgba(255,255,255,.72);padding:18px 0;font-size:12.5px}
.site-footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.site-footer a{color:#bfe0ff}

@media(max-width:680px){
  .panels{grid-template-columns:1fr}
  .dresult{flex-direction:column;align-items:stretch;text-align:center}
  .dresult-info{justify-content:center}
  .btn-offer{justify-content:center}
}
</style>
</head>
<body>

<header>
  <div class="wh-top"><div class="wrap">
    <span class="logo"><span class="logo-glyph"></span><span class="logo-text">Domain Marketplace</span></span>
  </div></div>
  <nav class="wh-nav"><div class="wrap">
    <a href="#">Home</a>
    <span class="spacer"></span>
    <a href="mailto:info@domain-evo.com">Contact</a>
  </div></nav>
</header>

<section class="home-banner">
  <div class="wrap">
    <h2 class="banner-title">This domain is for sale</h2>
    <p class="banner-sub">The domain below is available for purchase.</p>
    <div class="dresult">
      <div class="dresult-info">
        <span class="dname" id="domain">thisdomain.com</span>
        <span class="label label-success">For Sale</span>
      </div>
      <a class="btn btn-success btn-offer" id="buy" href="#">Make an Offer</a>
    </div>
    <p class="dnote">Questions about this domain? <a id="ask" href="#">Contact us</a> and we'll reply with pricing and transfer details.</p>
  </div>
</section>

<main>
  <div class="wrap">
    <div class="panels">
      <div class="panel"><div class="panel-heading">Secure transfer</div><div class="panel-body"><div class="feat">
        <div class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
        <div><h3>Safe &amp; guided</h3><p>Ownership is transferred through a secure, guided process.</p></div>
      </div></div></div>
      <div class="panel"><div class="panel-heading">Fast handover</div><div class="panel-body"><div class="feat">
        <div class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z"/></svg></div>
        <div><h3>Quick turnaround</h3><p>Most domains change hands within a few business days.</p></div>
      </div></div></div>
      <div class="panel"><div class="panel-heading">Verified seller</div><div class="panel-body"><div class="feat">
        <div class="ic"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><circle cx="12" cy="8" r="4"/><path d="M6 21v-1a6 6 0 0112 0v1"/></svg></div>
        <div><h3>Real owner</h3><p>You deal directly with the verified domain holder.</p></div>
      </div></div></div>
    </div>
  </div>
</main>

<footer class="site-footer"><div class="wrap">
  <span>This domain is listed for sale.</span>
  <span>Enquiries: <a href="mailto:info@domain-evo.com">info@domain-evo.com</a></span>
</div></footer>

<script>
(function(){
  var host=location.hostname.replace(/^www\./,'');
  if(!host||host.indexOf('.')===-1){host='thisdomain.com';}
  document.getElementById('domain').textContent=host;
  document.title=host+' is for sale';
  var subj=encodeURIComponent('Inquiry: '+host);
  var body=encodeURIComponent('Hello,\n\nI am interested in the domain '+host+'. Could you tell me the price and how to proceed?\n\nThanks.');
  document.getElementById('buy').href='mailto:info@domain-evo.com?subject='+subj+'&body='+body;
  document.getElementById('ask').href='mailto:info@domain-evo.com?subject='+encodeURIComponent('Question about '+host);
})();
</script>
</body>
</html>
