<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>For Sale! celebrityviplounge.com</title>
    <meta name="description" content="premium domain name celebrityviplounge.com available for instantly purchase. Invest in a premium domain name to launch your brand.">
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet">
    <style>
        body, html{
            overflow-x: hidden;
            font-family: 'Nunito Sans', sans-serif;
            background-color: #F6F6F6;
        }
        .full{
            width: 100vw;
            min-height: 100vh;
            padding-top: 40px;
            padding-bottom: 40px;
        }
        h1, h2{
            font-family: "DM Sans", sans-serif;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div class="full d-flex justify-center align-items-center position-relative">
        <div class="hero-mask"></div>
        <div class="hero-bg" style="background-image:url('/landing.jpg');"></div>
     <div class="container text-center" style="z-index: 2;">
        <span class="text-14 text-white bg-primary d-inline-block fw-700 rounded px-4 mb-4 fs-2 fw-bold">For Sale!</span>
        <h1 class="fw-bold mb-4 text-white">celebrityviplounge.com</h1>
        <p class="text-white">Premium domain name celebrityviplounge.com available for instantly purchase. Invest in a premium domain name to launch your brand.</p>
        <br>
       <a href="https://www.gname.com/sales/celebrityviplounge_com/register?lang=us&amp;tt=156560&amp;ttbj=" class="btn btn-primary btn-rd btn-lg">Buy Now</a>
       <br>
       <br>
       <br>
     <div class="card">
        <div class="row mt-4 mb-4 justify-content-center">
            <div class="col-4 col-lg-2">
                <div class="pg-dm me-lg-4">
                    <div class="progress-circle "> 
                        <span>39</span> <div class="left-half-clipper"> <div class="first50-bar"></div> <div class="value-bar" style="transform: rotate(calc(3.6deg * 39 ))"></div> </div> 
                    </div>
                    <p class="text-center mt-2 text-white">MOZ DA</p>
                </div>
            </div>
            <div class="col-4 col-lg-2">
                <div class="pg-dm me-lg-4">
                    <div class="progress-circle "> <span>37</span> <div class="left-half-clipper"> <div class="first50-bar"></div> <div class="value-bar" style="transform: rotate(calc(3.6deg * 37 ))"></div> </div> </div>
                    <p class="text-center mt-2 text-white">MOZ PA</p>
                </div>
            </div>
            <!-- <div class="col-4 col-lg-2">
                <div class="pg-dm me-lg-4">
                    <div class="progress-circle "> <span>0%</span> <div class="left-half-clipper"> <div class="first50-bar"></div> <div class="value-bar" style="transform: rotate(calc(3.6deg * 0 ))"></div> </div> </div>
                    <p class="text-center mt-2 text-white">MOZ Spam</p>
                </div>
            </div> -->
            <div class="col-4 col-lg-2">
                <div class="pg-dm me-lg-4">
                    <div class="progress-circle "> <span>20</span> <div class="left-half-clipper"> <div class="first50-bar"></div> <div class="value-bar" style="transform: rotate(calc(3.6deg * 20 ))"></div> </div> </div>
                    <p class="text-center mt-2 text-white">AHREFS DR</p>
                </div>
            </div>       
        </div>
     </div>
  
     </div>
    </div>
</body>
</html>