<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For Sale! oxfordshiresciencefestival.com</title>
<meta name="description" content="premium domain name oxfordshiresciencefestival.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">oxfordshiresciencefestival.com</h1>
<p class="text-white">Premium domain name oxfordshiresciencefestival.com available for instantly purchase. Invest in a premium domain name to launch your brand.</p>
<br>
<a href="https://www.gname.com/sales/oxfordshiresciencefestival_com/register?lang=us&tt=156560&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>50</span> <div class="left-half-clipper"> <div class="first50-bar"></div> <div class="value-bar" style="transform: rotate(calc(3.6deg * 50 ))"></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>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">AHREFS DR</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>