Check server response of
Server response
NS records
Whois domain
200 OK - clsn.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Wed, 14 May 2025 23:45:55 GMT
Server: Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12
X-Powered-By: PHP/8.2.12
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: clsn.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Domain For Sale - clsn.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mstyle.css">
<script src="js/jquery-1.11.3.js"></script>
<link rel="alternate icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
/* Common styles */
.section-title {
text-align: center;
margin-bottom: 50px;
font-size: 32px;
font-weight: 700;
color: #222;
position: relative;
}
.section-title:after {
content: '';
display: block;
width: 80px;
height: 4px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
margin: 15px auto 0;
border-radius: 2px;
}
/* Investment section styles */
.investment-section {
padding: 80px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #eef1f5 100%);
position: relative;
overflow: hidden;
}
.investment-section:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
}
.features-container {
display: flex;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
z-index: 1;
position: relative;
}
.feature-box {
flex: 1;
margin: 0 12px;
padding: 30px 20px;
text-align: center;
background: white;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
z-index: 1;
overflow: hidden;
}
.feature-box:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(74, 108, 247, 0.05) 0%, rgba(100, 130, 255, 0.1) 100%);
z-index: -1;
opacity: 0;
transition: opacity 0.4s ease;
}
.feature-box:hover {
transform: translateY(-15px);
box-shadow: 0 20px 40px rgba(74, 108, 247, 0.15);
}
.feature-box:hover:before {
opacity: 1;
}
.feature-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: white;
box-shadow: 0 10px 30px rgba(74, 108, 247, 0.12);
position: relative;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 1;
overflow: hidden;
border: 2px solid transparent;
}
.feature-icon:before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
opacity: 0;
transition: opacity 0.5s ease;
z-index: -1;
}
.feature-box:hover .feature-icon:before {
opacity: 1;
}
.feature-box:hover .feature-icon {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(74, 108, 247, 0.25);
}
.feature-icon i {
font-size: 30px;
color: #4a6cf7;
transition: all 0.5s ease;
position: relative;
z-index: 2;
}
.feature-box:hover .feature-icon i {
color: white;
transform: scale(1.1);
}
.feature-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
color: #333;
position: relative;
display: inline-block;
transition: all 0.3s ease;
}
.feature-title:after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
transition: width 0.3s ease;
}
.feature-box:hover .feature-title:after {
width: 100%;
}
.feature-desc {
color: #555;
line-height: 1.6;
font-size: 15px;
margin: 0;
transition: all 0.3s ease;
}
.feature-box:hover .feature-desc {
color: #333;
}
/* Contact styles */
.contact-section {
padding: 80px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #f0f2f5 100%);
position: relative;
}
.contact-section:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
}
.contact-container {
display: flex;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.contact-box {
flex: 1;
padding: 25px 20px;
margin: 0 12px;
text-align: center;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
z-index: 1;
}
.contact-box:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.4s ease;
}
.contact-box:hover {
transform: translateY(-15px);
box-shadow: 0 20px 40px rgba(74, 108, 247, 0.15);
}
.contact-box:hover:after {
transform: scaleX(1);
transform-origin: left;
}
.contact-icon-wrapper {
width: 80px;
height: 80px;
border-radius: 20px;
margin: 0 auto 25px;
display: flex;
align-items: center;
justify-content: center;
background: white;
position: relative;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 1;
overflow: hidden;
box-shadow: 0 15px 35px rgba(74, 108, 247, 0.15);
}
.contact-box:hover .contact-icon-wrapper {
transform: scale(1.15) rotate(5deg);
border-radius: 50%;
}
.contact-icon-wrapper:before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
opacity: 0;
transition: opacity 0.5s ease;
}
.contact-box:hover .contact-icon-wrapper:before {
opacity: 1;
}
.contact-icon-wrapper i {
font-size: 30px;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
z-index: 2;
transition: all 0.5s ease;
filter: drop-shadow(0 2px 3px rgba(74, 108, 247, 0.3));
}
.contact-box:hover .contact-icon-wrapper i {
-webkit-text-fill-color: white;
transform: scale(1.2);
filter: drop-shadow(0 2px 5px rgba(255, 255, 255, 0.5));
}
.contact-title {
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom: 10px;
transition: all 0.3s ease;
}
.contact-box:hover .contact-title {
color: #4a6cf7;
}
.contact-detail {
font-size: 15px;
color: #555;
line-height: 1.5;
transition: all 0.3s ease;
}
.contact-box:hover .contact-detail {
color: #333;
}
.copyright {
text-align: center;
color: #777;
font-size: 14px;
margin-top: 40px;
position: relative;
z-index: 1;
}
/* Responsive styles */
@media (max-width: 992px) {
.features-container,
.contact-container {
flex-wrap: wrap;
padding: 0 20px;
}
.feature-box,
.contact-box {
flex: 0 0 calc(50% - 24px);
margin-bottom: 25px;
}
}
@media (max-width: 576px) {
.feature-box,
.contact-box {
flex: 0 0 100%;
}
}
/* Animation keyframes */
@keyframes gradientShift {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* Remove individual icon styles and use a consistent blue theme */
.icon-prompt:before, .icon-independent:before, .icon-goodfaith:before, .icon-amicable:before {
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
}
.icon-prompt i, .icon-independent i, .icon-goodfaith i, .icon-amicable i {
color: #4a6cf7;
}
/* How it works button styles */
.how-it-works {
display: flex;
align-items: center;
justify-content: center;
margin: 60px auto;
background: white;
color: #4a6cf7;
font-weight: 600;
font-size: 16px;
padding: 16px 32px;
border-radius: 30px;
text-decoration: none;
box-shadow: 0 10px 25px rgba(74, 108, 247, 0.15);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
border: 2px solid transparent;
width: fit-content;
}
.how-it-works:before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
z-index: -2;
border-radius: 30px;
opacity: 0;
transition: opacity 0.4s ease;
}
.how-it-works:after {
content: '';
position: absolute;
inset: 2px;
background: white;
border-radius: 28px;
z-index: -1;
transition: all 0.4s ease;
}
.how-it-works:hover {
transform: translateY(-5px);
color: white;
box-shadow: 0 15px 35px rgba(74, 108, 247, 0.25);
}
.how-it-works:hover:before {
opacity: 1;
}
.how-it-works:hover:after {
opacity: 0;
}
.how-it-works i {
margin-left: 8px;
transition: transform 0.3s ease;
}
.how-it-works:hover i {
transform: translateX(5px);
}
/* Box1 feature icons styling - completely redesigned with unique effects */
.box1.con {
display: flex;
justify-content: space-between;
gap: 20px;
margin: 60px auto;
}
.box1item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 30px 20px;
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(74, 108, 247, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
}
.box1item:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(74, 108, 247, 0.15);
}
.box1item .title {
font-size: 18px;
font-weight: 700;
color: #333;
margin: 15px 0 10px;
}
.box1item .description {
font-size: 14px;
color: #666;
line-height: 1.6;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.4s ease;
}
.box1item:hover .description {
max-height: 200px;
opacity: 1;
margin-top: 15px;
}
.box1item::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
}
.box1item:hover::after {
transform: scaleX(1);
}
.box1item i {
font-size: 40px;
color: #4a6cf7;
transition: all 0.4s ease;
}
.box1item:hover i {
transform: scale(1.1) rotateY(180deg);
}
/* Responsive styles for box1 */
@media (max-width: 768px) {
.box1.con {
flex-direction: column;
}
.box1item {
margin-bottom: 20px;
}
.icon-wrapper {
width: 120px;
height: 120px;
}
.box1item i {
font-size: 50px;
}
}
/* Simplified domain display */
.domain-section {
display: flex;
flex-direction: column;
padding: 20px 0;
}
.domain-heading {
font-size: 56px;
font-weight: 800;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 0 15px;
line-height: 1.1;
text-align: center;
filter: drop-shadow(0 5px 15px rgba(74, 108, 247, 0.3));
}
.domain-status {
font-size: 22px;
font-weight: 700;
color: #4a6cf7;
margin: 0 0 30px;
text-align: center;
}
.domain-description {
background: rgba(74, 108, 247, 0.05);
padding: 20px 25px;
border-radius: 10px;
border-left: 3px solid #4a6cf7;
margin-top: 25px;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.domain-description:hover {
background: rgba(74, 108, 247, 0.08);
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(74, 108, 247, 0.1);
}
.domain-description p {
margin: 0;
color: #4a6cf7;
font-size: 16px;
line-height: 1.7;
font-weight: 500;
text-align: center;
position: relative;
z-index: 1;
}
.domain-description:before {
content: '❤';
position: absolute;
top: 10px;
left: 10px;
font-size: 18px;
color: rgba(74, 108, 247, 0.1);
z-index: 0;
}
.domain-description:after {
content: '❤';
position: absolute;
bottom: 10px;
right: 10px;
font-size: 18px;
color: rgba(74, 108, 247, 0.1);
z-index: 0;
}
.domain-contact {
display: flex;
align-items: center;
margin-top: 20px;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.domain-contact i {
color: #4a6cf7;
margin-right: 12px;
font-size: 16px;
}
.domain-contact p {
margin: 0;
color: #555;
font-size: 15px;
}
/* Purchase box enhanced with complete hover effects */
.bannerconR {
background: white;
border-radius: 20px;
box-shadow: 0 15px 40px rgba(74, 108, 247, 0.2);
padding: 30px;
position: relative;
overflow: visible;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
z-index: 2;
margin: 15px 10px 30px;
}
.bannerconR:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(74, 108, 247, 0.3);
}
.bannerconR:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
}
.purchase-option-left {
display: flex;
align-items: center;
}
.purchase-option {
background: #f8faff;
border-radius: 8px;
padding: 12px;
position: relative;
border: 1px solid #e6ecff;
transition: all 0.25s ease;
cursor: pointer;
margin-bottom: 8px;
}
.purchase-option.active {
background: #f0f5ff;
border-color: #4a6cf7;
border-width: 1px;
}
.purchase-option .icon {
width: 36px;
height: 36px;
background: #4a6cf7;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
transition: all 0.25s ease;
}
.purchase-option .text {
font-weight: 600;
color: #555;
font-size: 15px;
transition: all 0.25s ease;
}
.purchase-option.active .text {
color: #4a6cf7;
font-weight: 700;
}
.purchase-option .price {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #4a6cf7;
font-weight: 700;
font-size: 17px;
}
.purchase-option:hover {
transform: translateX(5px);
box-shadow: 0 10px 25px rgba(74, 108, 247, 0.15);
}
.purchase-option:hover .icon {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(74, 108, 247, 0.25);
}
.purchase-option:hover .text {
color: #4a6cf7;
}
.purchase-option:hover .price {
color: #4a6cf7;
}
.action-button {
display: block;
width: 100%;
text-align: center;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
color: white;
font-weight: 600;
padding: 14px 20px;
border-radius: 10px;
text-decoration: none;
margin: 30px 0 20px;
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 30px rgba(74, 108, 247, 0.3);
}
.action-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
transform: translateX(-100%);
transition: all 0.6s ease;
z-index: 1;
}
.action-button:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(74, 108, 247, 0.4);
}
.action-button:hover:before {
transform: translateX(100%);
}
.action-button i {
margin-left: 8px;
position: relative;
z-index: 2;
transition: all 0.3s ease;
}
.action-button:hover i {
transform: translateX(5px);
}
/* Banner container styles */
.banner {
background: linear-gradient(135deg, #f8f9fa 0%, #eef1f5 100%);
padding: 40px 0;
position: relative;
}
.banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
}
.bannercon {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.bannerconL, .bannerconR {
flex: 1;
}
.bannerconM {
flex: 0.8;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.bannerconM img {
max-width: 100%;
height: auto;
}
@media (max-width: 992px) {
.bannercon {
flex-direction: column;
}
.bannerconL, .bannerconM, .bannerconR {
width: 100%;
margin-bottom: 30px;
}
}
.purchase-option-left {
display: flex;
align-items: center;
}
.purchase-option-left p {
font-weight: 600;
color: #333;
margin: 0;
}
.price {
font-weight: 700;
color: #4a6cf7;
font-size: 20px;
}
.premium-badge i {
margin-right: 6px;
font-size: 16px;
}
.guarantee-item {
display: flex;
align-items: center;
margin-bottom: 12px;
color: #666;
font-size: 14px;
}
.guarantee-item i {
color: #4a6cf7;
margin-right: 8px;
font-size: 16px;
}
.guarantee-item p {
margin: 0;
}
.payment-methods {
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-top: 20px;
gap: 10px;
justify-content: space-between;
width: 100%;
}
.payment-method {
position: relative;
flex: 0 0 auto;
width: 40px;
height: 28px;
background: white;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 6px;
cursor: pointer;
}
.payment-method:hover {
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0,0,0,0.15);
}
.payment-method img {
max-width: 85%;
max-height: 85%;
object-fit: contain;
}
/* Payment method tooltip styles */
.payment-method .tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-8px);
background: #4a6cf7;
color: white;
padding: 6px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(74, 108, 247, 0.2);
min-width: max-content;
z-index: 100;
}
.payment-method .tooltip:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: #4a6cf7 transparent transparent transparent;
}
.payment-method:hover .tooltip {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(-4px);
}
.payment-method:last-child .tooltip {
left: auto;
right: 0;
transform: translateY(-8px);
}
.payment-method:last-child:hover .tooltip {
transform: translateY(-4px);
}
.payment-method:last-child .tooltip:after {
left: auto;
right: 15px;
}
.guarantees {
margin-top: 25px;
border-top: 1px solid #eee;
padding-top: 20px;
}
.bannerconR h2 {
color: #333;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
position: relative;
display: inline-block;
padding-left: 0;
border-left: none;
}
.bannerconR h2:after {
content: '';
display: block;
position: absolute;
bottom: -8px;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #4a6cf7, #6e8fff);
border-radius: 3px;
}
.domain-header {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.premium-badge {
display: inline-flex;
align-items: center;
background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%);
color: white;
padding: 6px 14px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
margin-left: 15px;
box-shadow: 0 5px 15px rgba(74, 108, 247, 0.2);
}
.premium-badge i {
margin-right: 6px;
font-size: 16px;
}
.banner {
background: linear-gradient(135deg, #f8f9fa 0%, #eef1f5 100%);
padding: 40px 0;
position: relative;
}
.domain-heading {
font-size: 46px;
margin-bottom: 10px;
}
.domain-status {
font-size: 20px;
margin-bottom: 20px;
}
.domain-description {
margin-top: 20px;
}
.box1.con {
margin: 30px auto;
gap: 15px;
}
.box1item {
padding: 25px 15px;
}
.icon-wrapper {
width: 100px;
height: 100px;
margin-bottom: 15px;
}
.box1item i {
font-size: 40px;
}
.investment-section {
padding: 40px 0;
}
.section-title {
font-size: 28px;
margin-bottom: 30px;
}
.features-container {
gap: 15px;
}
.feature-box {
padding: 20px 15px;
}
.feature-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.feature-icon i {
font-size: 24px;
}
.feature-title {
font-size: 16px;
margin-bottom: 8px;
}
.feature-desc {
font-size: 13px;
}
.contact-section {
padding: 40px 0;
}
.contact-container {
gap: 15px;
}
.contact-box {
padding: 20px 15px;
}
.contact-icon-wrapper {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.contact-icon-wrapper i {
font-size: 24px;
}
.contact-title {
font-size: 16px;
margin-bottom: 5px;
}
.contact-detail {
font-size: 14px;
}
.legal-notice {
margin: 30px 0;
}
.legal-notice .title-section {
padding: 15px;
}
.legal-notice .icon-container {
width: 36px;
height: 36px;
}
.legal-notice .title-text {
font-size: 16px;
}
.legal-notice .content-section {
padding: 20px;
}
.legal-notice .info-boxes {
gap: 15px;
margin-bottom: 15px;
}
.legal-notice .info-box {
padding: 15px;
font-size: 13px;
}
.legal-notice .main-text {
font-size: 13px;
}
.bannerconR {
padding: 20px;
}
.domain-header h2 {
font-size: 24px;
}
.premium-badge {
padding: 4px 10px;
font-size: 12px;
}
.purchase-option {
padding: 15px;
margin-bottom: 10px;
}
.price {
font-size: 18px;
}
.action-button {
padding: 12px 18px;
margin: 20px 0 15px;
}
.guarantee-item {
margin-bottom: 8px;
font-size: 12px;
}
.payment-method {
width: 40px;
height: 28px;
}
.copyright {
margin-top: 30px;
font-size: 12px;
}
/* Payment icon styles */
.payment-method i {
font-size: 20px;
color: #4a6cf7;
transition: all 0.3s ease;
}
.payment-method:hover i {
transform: scale(1.1);
}
/* 优化购买区域在移动设备上的显示 */
@media (max-width: 768px) {
.purchase-option {
padding: 12px 15px;
padding-left: 40px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.purchase-option:before {
left: 12px;
width: 18px;
height: 18px;
}
.purchase-option.active:after {
left: 18px;
width: 6px;
height: 6px;
}
.purchase-option-left i {
width: 30px;
height: 30px;
font-size: 14px;
margin-right: 8px;
}
.purchase-option-left p {
font-size: 14px;
}
.price {
font-size: 16px;
margin-top: 5px;
width: 100%;
text-align: right;
}
.bannerconR {
padding: 15px;
margin: 0 0 20px 0;
width: 100%;
box-sizing: border-box;
}
.domain-header {
flex-wrap: wrap;
margin-bottom: 15px;
}
.domain-header h2 {
font-size: 20px;
margin-bottom: 10px;
width: 100%;
}
.premium-badge {
margin-left: 0;
margin-bottom: 5px;
padding: 4px 8px;
font-size: 11px;
}
.premium-badge i {
font-size: 12px;
}
.action-button {
padding: 10px 15px;
font-size: 14px;
margin: 15px 0 10px;
}
.guarantees {
margin-top: 15px;
padding-top: 15px;
}
.guarantee-item {
margin-bottom: 6px;
font-size: 11px;
}
.guarantee-item i {
color: #4a6cf7;
font-size: 13px;
min-width: 15px;
}
.payment-methods {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-start;
margin-top: 15px;
padding-left: 28px;
max-width: 240px;
}
.payment-method {
width: 36px;
height: 24px;
border-radius: 4px;
background: white;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.payment-method i {
font-size: 18px;
color: #4a6cf7;
}
}
/* 添加更具体的移动设备样式 */
@media (max-width: 480px) {
.domain-header {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.domain-header h2 {
margin-bottom: 8px;
font-size: 22px;
}
.premium-badge {
font-size: 12px;
padding: 5px 10px;
border-radius: 18px;
margin-left: 0;
margin-bottom: 15px;
}
.purchase-option {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
padding: 12px 15px !important;
padding-left: 12px !important;
border-radius: 12px !important;
position: relative !important;
background: #f0f5ff !important;
border: 1px solid #e0e9ff !important;
margin-bottom: 10px !important;
box-shadow: 0 2px 8px rgba(74, 108, 247, 0.05) !important;
}
.purchase-option:before {
display: none !important;
}
.purchase-option.active:after {
display: none !important;
}
.purchase-option-left {
display: flex !important;
align-items: center !important;
margin-bottom: 3px !important;
max-width: 100% !important;
width: 100% !important;
}
.purchase-option-left i {
width: 36px !important;
height: 36px !important;
font-size: 16px !important;
margin-right: 10px !important;
background: #4a6cf7 !important;
color: white !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.purchase-option-left p {
font-size: 15px !important;
font-weight: 600 !important;
color: #333 !important;
}
.price {
font-size: 17px !important;
font-weight: 700 !important;
color: #4a6cf7 !important;
align-self: flex-end !important;
position: absolute !important;
top: 15px !important;
right: 15px !important;
}
.action-button {
background: #4a6cf7 !important;
border-radius: 8px !important;
padding: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 600 !important;
margin: 15px 0 20px !important;
}
.action-button i {
margin-left: 8px !important;
}
.bannerconR {
padding: 15px !important;
border-radius: 15px !important;
box-shadow: 0 5px 20px rgba(74, 108, 247, 0.1) !important;
}
.guarantee-item {
margin-bottom: 8px !important;
display: flex !important;
align-items: flex-start !important;
}
.guarantee-item i {
color: #4a6cf7 !important;
font-size: 14px !important;
min-width: 20px !important;
margin-right: 8px !important;
margin-top: 3px !important;
}
.guarantee-item p {
font-size: 12px !important;
color: #666 !important;
line-height: 1.4 !important;
margin: 0 !important;
}
.payment-methods {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: flex-start !important;
margin-top: 15px !important;
padding-left: 28px !important;
max-width: 240px !important;
}
.payment-method {
width: 36px !important;
height: 24px !important;
border-radius: 4px !important;
background: white !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}
.payment-method i {
font-size: 18px !important;
color: #4a6cf7 !important;
}
}
/* 添加更具体的支付方式图标对齐样式 */
@media (max-width: 768px) {
.payment-method {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 24px !important;
width: 36px !important;
}
.payment-method i {
line-height: 1 !important;
vertical-align: middle !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.fa-brands.fa-bitcoin {
font-size: 18px !important;
}
}
/* 添加脉冲动画效果 */
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(74, 108, 247, 0.3);
}
70% {
box-shadow: 0 0 0 6px rgba(74, 108, 247, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(74, 108, 247, 0);
}
}
</style>
</head>
<body>
<div class="banner">
<div class="bannercon con">
<div class="bannerconL">
<div class="domain-section">
<h1 class="domain-heading">clsn.com</h1>
<p class="domain-status">is for sale!</p>
<div class="domain-description">
<p style="color: #4a6cf7; font-weight: 600; font-size: 17px; display: flex; align-items: center; justify-content: center;">
<i class="fa-solid fa-heart-pulse" style="margin-right: 10px; color: #4a6cf7;"></i>
We have listed this domain for sale because there is a third party interested in purchasing it.BTW Take care of yourself! </p>
</div>
</div>
</div>
<div class="bannerconM">
<img src="images/b2.png" alt="Domain image">
</div>
<div style="flex: 1; display: flex; flex-direction: column; gap: 20px;">
<div class="bannerconR" style="margin: 0; width: 100%; box-sizing: border-box; padding: 0; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; background: white; box-shadow: 0 10px 30px rgba(74, 108, 247, 0.12);">
<!-- 顶部蓝色边框 -->
<div style="height: 5px; background: linear-gradient(90deg, #4a6cf7, #6e8fff);"></div>
<!-- 内容区域 -->
<div style="padding: 15px; display: flex; flex-direction: column;">
<div class="domain-header" style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
<h2 style="margin: 0; font-size: 22px; font-weight: 700; color: #333;">Get this domain</h2>
<div class="premium-badge" style="background: #4a6cf7; color: white; padding: 5px 12px; border-radius: 18px; font-size: 12px; font-weight: 600; display: flex; align-items: center;">
<i class="fa-solid fa-crown" style="margin-right: 6px; font-size: 14px; color: #ffdb58; text-shadow: 0 1px 2px rgba(0,0,0,0.2);"></i> PREMIUM
</div>
</div>
<!-- 购买选项 -->
<style>
.purchase-option {
background: #f8faff;
border-radius: 8px;
padding: 12px;
position: relative;
border: 1px solid #e6ecff;
transition: all 0.25s ease;
cursor: pointer;
margin-bottom: 8px;
}
.purchase-option.active {
background: #f0f5ff;
border-color: #4a6cf7;
border-width: 1px;
}
.purchase-option .icon {
width: 36px;
height: 36px;
background: #4a6cf7;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
transition: all 0.25s ease;
}
.purchase-option .text {
font-weight: 600;
color: #555;
font-size: 15px;
transition: all 0.25s ease;
}
.purchase-option.active .text {
color: #4a6cf7;
font-weight: 700;
}
.purchase-option .price {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #4a6cf7;
font-weight: 700;
font-size: 17px;
}
</style>
<div style="display: flex; flex-direction: column; margin-bottom: 12px;">
<!-- Buy now option -->
<div id="buy-now-option" class="purchase-option active">
<div style="display: flex; align-items: center;">
<div class="icon">
<i class="fa-solid fa-shopping-cart" style="font-size: 16px;"></i>
</div>
<span class="text">Buy now</span>
</div>
<div class="price">
USD $(100,000) </div>
</div>
<!-- Make an offer option -->
<div id="make-offer-option" class="purchase-option ">
<div style="display: flex; align-items: center;">
<div class="icon">
<i class="fa-solid fa-comment-dollar" style="font-size: 16px;"></i>
</div>
<span class="text">Make an offer</span>
</div>
</div>
</div>
<!-- 添加选择功能的脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const buyNowOption = document.getElementById('buy-now-option');
const makeOfferOption = document.getElementById('make-offer-option');
// Buy Now点击事件
if (buyNowOption) {
buyNowOption.addEventListener('click', function() {
buyNowOption.classList.add('active');
if (makeOfferOption) {
makeOfferOption.classList.remove('active');
}
updateNextButtonHref();
});
}
// Make an Offer点击事件
if (makeOfferOption) {
makeOfferOption.addEventListener('click', function() {
makeOfferOption.classList.add('active');
if (buyNowOption) {
buyNowOption.classList.remove('active');
}
updateNextButtonHref();
});
}
// Next button with dynamic link based on selected option
const nextButton = document.getElementById('next-button');
// Set initial href based on active option
updateNextButtonHref();
function updateNextButtonHref() {
// Buy Now is active and exists
if (buyNowOption && buyNowOption.classList.contains('active')) {
// If no buy now link but has price, use Escrow.com
// Use Escrow.com form submission for domains with price but no buy now link
nextButton.onclick = function(e) {
e.preventDefault();
document.getElementById('escrow-form').submit();
};
}
// Make an Offer is active and exists
else if (makeOfferOption && makeOfferOption.classList.contains('active')) {
nextButton.onclick = null; // 移除可能存在的onclick事件
href = 'make_offer.php';
nextButton.href = href;
}
}
});
</script>
<!-- Next button with dynamic link based on selected option -->
<a id="next-button" href="#" style="background: #4a6cf7; color: white; text-decoration: none; padding: 10px; border-radius: 8px; text-align: center; font-weight: 600; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;">
Next <i class="fa-solid fa-arrow-right" style="margin-left: 8px;"></i>
</a>
<!-- Escrow.com Form for domains with price but no buy now link -->
<form id="escrow-form" action="escrow_redirect.php" method="post" target="_blank" style="display: none;">
<input type="hidden" name="domain" value="clsn.com">
<input type="hidden" name="price" value="100000">
<!-- Sensitive information moved to server-side processing -->
</form>
<!-- Guarantee Information -->
<div style="margin-bottom: 15px;">
<div style="display: flex; align-items: flex-start; margin-bottom: 6px;">
<i class="fa-solid fa-clock" style="color: #4a6cf7; margin-right: 8px; min-width: 16px; margin-top: 2px; font-size: 14px;"></i>
<p style="margin: 0; color: #666; font-size: 12px; line-height: 1.4;">Same-day response guaranteed for all inquiries</p>
</div>
<div style="display: flex; align-items: flex-start; margin-bottom: 6px;">
<i class="fa-solid fa-bolt" style="color: #4a6cf7; margin-right: 8px; min-width: 16px; margin-top: 2px; font-size: 14px;"></i>
<p style="margin: 0; color: #666; font-size: 12px; line-height: 1.4;">Domain transfer completed within 24 hours</p>
</div>
<div style="display: flex; align-items: flex-start; margin-bottom: 6px;">
<i class="fa-solid fa-circle-check" style="color: #4a6cf7; margin-right: 8px; min-width: 16px; margin-top: 2px; font-size: 14px;"></i>
<p style="margin: 0; color: #666; font-size: 12px; line-height: 1.4;">No hidden fees - the price you see is the final price</p>
</div>
</div>
<!-- Payment icons with optimized design and hover tooltips -->
<div style="display: flex; align-items: center; margin-top: 10px; width: 100%; gap: 4px; justify-content: space-between;">
<div style="flex: 1; height: 32px; background: linear-gradient(120deg, #4a6cf7, #5e7cfa); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;" title="Visa">
<i class="fa-brands fa-cc-visa" style="color: white; font-size: 22px;"></i>
<span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 3px 6px; border-radius: 3px; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.2s ease; white-space: nowrap;">Visa</span>
</div>
<div style="flex: 1; height: 32px; background: linear-gradient(120deg, #4a6cf7, #5e7cfa); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;" title="Mastercard">
<i class="fa-brands fa-cc-mastercard" style="color: white; font-size: 22px;"></i>
<span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 3px 6px; border-radius: 3px; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.2s ease; white-space: nowrap;">Mastercard</span>
</div>
<div style="flex: 1; height: 32px; background: linear-gradient(120deg, #4a6cf7, #5e7cfa); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;" title="PayPal">
<i class="fa-brands fa-paypal" style="color: white; font-size: 22px;"></i>
<span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 3px 6px; border-radius: 3px; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.2s ease; white-space: nowrap;">PayPal</span>
</div>
<div style="flex: 1; height: 32px; background: linear-gradient(120deg, #4a6cf7, #5e7cfa); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;" title="Alipay">
<i class="fa-brands fa-alipay" style="color: white; font-size: 22px;"></i>
<span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 3px 6px; border-radius: 3px; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.2s ease; white-space: nowrap;">Alipay</span>
</div>
<div style="flex: 1; height: 32px; background: linear-gradient(120deg, #4a6cf7, #5e7cfa); border-radius: 3px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;" title="Bitcoin">
<i class="fa-brands fa-bitcoin" style="color: white; font-size: 22px;"></i>
<span style="position: absolute; top: -25px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.7); color: white; padding: 3px 6px; border-radius: 3px; font-size: 11px; opacity: 0; visibility: hidden; transition: all 0.2s ease; white-space: nowrap;">Bitcoin</span>
</div>
</div>
<!-- 添加悬停效果的脚本 -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const paymentIcons = document.querySelectorAll('[title]');
paymentIcons.forEach(icon => {
const tooltip = icon.querySelector('span');
icon.addEventListener('mouseenter', function() {
if (tooltip) {
tooltip.style.opacity = '1';
tooltip.style.visibility = 'visible';
}
});
icon.addEventListener('mouseleave', function() {
if (tooltip) {
tooltip.style.opacity = '0';
tooltip.style.visibility = 'hidden';
}
});
});
});
</script>
</div>
</div>
<div class="contact-message" style="background: white; padding: 0; border-radius: 16px; box-shadow: 0 15px 40px rgba(74, 108, 247, 0.12); overflow: hidden; margin-top: 5px;">
<!-- 标题栏 -->
<div class="escrow-title" style="display: flex; align-items: center; background: linear-gradient(135deg, #4a6cf7, #6e8fff); padding: 15px 20px; cursor: pointer; position: relative;">
<img src="images/escrow.svg" alt="ESCROW.COM" style="height: 24px; margin-right: 15px;">
<div style="color: white; font-weight: 600; font-size: 15px;">The most trusted, licensed online escrow service in the world</div>
<i class="fa-solid fa-chevron-down" style="color: white; margin-left: auto; font-size: 14px; transition: transform 0.3s ease;"></i>
</div>
<!-- 内容区 -->
<div class="escrow-content" style="padding: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease;">
<div style="padding: 18px 20px;">
<!-- 项目1 -->
<div style="display: flex; align-items: flex-start; margin-bottom: 15px; position: relative; padding-left: 0;">
<div style="background: rgba(74, 108, 247, 0.06); border-radius: 8px; padding: 12px 16px; width: 100%;">
<div style="display: flex; align-items: center; margin-bottom: 4px;">
<i class="fa-solid fa-check-circle" style="color: #4a6cf7; margin-right: 8px;"></i>
<span style="font-weight: 600; color: #4a6cf7; font-size: 14px;">Default Platform</span>
</div>
<p style="margin: 0; color: #555; font-size: 13px; line-height: 1.5;">We use Escrow.com as our default secure transaction platform and cover all transaction fees.</p>
</div>
</div>
<!-- 项目2 -->
<div style="display: flex; align-items: flex-start; margin-bottom: 15px; position: relative; padding-left: 0;">
<div style="background: rgba(74, 108, 247, 0.06); border-radius: 8px; padding: 12px 16px; width: 100%;">
<div style="display: flex; align-items: center; margin-bottom: 4px;">
<i class="fa-solid fa-lock" style="color: #4a6cf7; margin-right: 8px;"></i>
<span style="font-weight: 600; color: #4a6cf7; font-size: 14px;">Secure Transaction</span>
</div>
<p style="margin: 0; color: #555; font-size: 13px; line-height: 1.5;">Your funds will be held securely by Escrow.com until the domain is successfully transferred.</p>
</div>
</div>
<!-- 项目3 -->
<div style="display: flex; align-items: flex-start; position: relative; padding-left: 0;">
<div style="background: rgba(74, 108, 247, 0.06); border-radius: 8px; padding: 12px 16px; width: 100%;">
<div style="display: flex; align-items: center; margin-bottom: 4px;">
<i class="fa-solid fa-comment-dots" style="color: #4a6cf7; margin-right: 8px;"></i>
<span style="font-weight: 600; color: #4a6cf7; font-size: 14px;">Alternative Platform</span>
</div>
<p style="margin: 0; color: #555; font-size: 13px; line-height: 1.5;">If you prefer an alternative platform, please contact us to discuss options.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box1 con">
<div class="box1item">
<div style="position: relative; display: inline-block;">
<i class="fa-solid fa-shield" style="position: relative; z-index: 1;"></i>
<i class="fa-solid fa-lock" style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.6); color: white;"></i>
</div>
<div class="title">Secure Domain Transfer</div>
<div class="description">
Transfer process handled through official registrar channels. Escrow service available for secure payment. All documentation and ownership rights fully verified before transfer.
</div>
</div>
<div class="box1item">
<i class="fa-solid fa-bolt"></i>
<div class="title">Fast Ownership Handover</div>
<div class="description">
Same-day domain transfer initiation. Clear step-by-step guidance provided. Technical support available throughout the entire transfer process.
</div>
</div>
<div class="box1item">
<i class="fa-solid fa-circle-check"></i>
<div class="title">No Hidden Charges</div>
<div class="description">
Transparent pricing includes all transfer fees. No additional registrar fees or renewal costs. Complete ownership transfer with one-time payment.
</div>
</div>
</div>
<div class="investment-section">
<div class="con">
<h2 class="section-title">Legitimate Domain Investment</h2>
<div class="features-container">
<div class="feature-box">
<div class="feature-icon icon-prompt">
<i class="fa-solid fa-stopwatch"></i>
</div>
<div class="feature-title">Prompt Response</div>
<div class="feature-desc">We typically respond to all inquiries within 2 hours to ensure efficient communication.</div>
</div>
<div class="feature-box">
<div class="feature-icon icon-independent">
<i class="fa-solid fa-building-columns"></i>
</div>
<div class="feature-title">Independent Asset</div>
<div class="feature-desc">The domain "clsn.com" was acquired for its generic value and is owned independently without targeting any specific brand or trademark.</div>
</div>
<div class="feature-box">
<div class="feature-icon icon-goodfaith">
<i class="fa-solid fa-scale-balanced"></i>
</div>
<div class="feature-title">Good-Faith Registration</div>
<div class="feature-desc">This domain has been legally registered and maintained with legitimate business interests in domain investment, giving us proper rights to market it.</div>
</div>
<div class="feature-box">
<div class="feature-icon icon-amicable">
<i class="fa-solid fa-handshake"></i>
</div>
<div class="feature-title">Amicable Resolution</div>
<div class="feature-desc">We prefer constructive dialogue to address any concerns. Our commitment is to ethical domain investment practices that respect intellectual property rights.</div>
</div>
</div>
</div>
</div>
<div class="con">
<div class="legal-notice" style="background: linear-gradient(135deg, #f8faff 0%, #f0f5ff 100%); border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(74, 108, 247, 0.15); margin: 40px 0;">
<!-- 标题栏 -->
<div style="background: linear-gradient(135deg, #4a6cf7 0%, #6e8fff 100%); padding: 22px 25px; display: flex; align-items: center; position: relative; overflow: hidden;">
<!-- 背景装饰元素 -->
<div style="position: absolute; top: -15px; right: -15px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.1);"></div>
<div style="position: absolute; bottom: -20px; right: 30px; width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.08);"></div>
<div style="position: absolute; top: 15px; right: 100px; width: 20px; height: 20px; border-radius: 50%; background: rgba(255, 255, 255, 0.1);"></div>
<!-- 图标和标题 -->
<div style="background: rgba(255, 255, 255, 0.2); width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); margin-right: 18px; position: relative; z-index: 1;">
<i class="fa-solid fa-scale-balanced" style="color: white; font-size: 22px;"></i>
</div>
<div style="position: relative; z-index: 1;">
<div style="color: white; font-size: 20px; font-weight: 700; margin-bottom: 4px;">Important Domain Acquisition Notice</div>
<div style="color: rgba(255, 255, 255, 0.85); font-size: 14px; font-weight: 500;">Legal Rights and Communication Guidelines</div>
</div>
</div>
<!-- 信息框部分 -->
<div style="padding: 25px 30px; background: white; display: flex; flex-wrap: wrap; gap: 15px;">
<!-- 左侧信息框 -->
<div style="flex: 1; min-width: 280px; background: linear-gradient(135deg, #f0f5ff 0%, #f5f8ff 100%); border-radius: 15px; padding: 20px; position: relative; overflow: hidden; box-shadow: 0 8px 25px rgba(74, 108, 247, 0.1);">
<!-- 背景装饰 -->
<div style="position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; border-radius: 50%; background: rgba(74, 108, 247, 0.03);"></div>
<div style="position: absolute; bottom: -20px; left: -20px; width: 80px; height: 80px; border-radius: 50%; background: rgba(74, 108, 247, 0.05);"></div>
<div style="display: flex; align-items: center; position: relative; z-index: 2;">
<div style="background: #4a6cf7; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 15px; box-shadow: 0 8px 20px rgba(74, 108, 247, 0.2);">
<i class="fa-solid fa-shield-alt" style="color: white; font-size: 18px;"></i>
</div>
<div>
<div style="font-weight: 700; color: #4a6cf7; font-size: 16px; margin-bottom: 3px;">Legal Rights Protection</div>
<div style="color: #555; font-size: 14px; line-height: 1.5;">We actively protect our legal rights in all jurisdictions</div>
</div>
</div>
</div>
<!-- 右侧信息框 -->
<div style="flex: 1; min-width: 280px; background: linear-gradient(135deg, #f0f5ff 0%, #f5f8ff 100%); border-radius: 15px; padding: 20px; position: relative; overflow: hidden; box-shadow: 0 8px 25px rgba(74, 108, 247, 0.1);">
<!-- 背景装饰 -->
<div style="position: absolute; top: -30px; right: -30px; width: 100px; height: 100px; border-radius: 50%; background: rgba(74, 108, 247, 0.03);"></div>
<div style="position: absolute; bottom: -20px; left: -20px; width: 80px; height: 80px; border-radius: 50%; background: rgba(74, 108, 247, 0.05);"></div>
<div style="display: flex; align-items: center; position: relative; z-index: 2;">
<div style="background: #4a6cf7; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 15px; box-shadow: 0 8px 20px rgba(74, 108, 247, 0.2);">
<i class="fa-solid fa-handshake" style="color: white; font-size: 18px;"></i>
</div>
<div>
<div style="font-weight: 700; color: #4a6cf7; font-size: 16px; margin-bottom: 3px;">Mutual Benefit Communication</div>
<div style="color: #555; font-size: 14px; line-height: 1.5;">Direct communication leads to mutually beneficial outcomes</div>
</div>
</div>
</div>
<!-- 主要内容区 -->
<div style="width: 100%; margin-top: 10px; background: linear-gradient(135deg, #f5faff 0%, #f0f5ff 100%); border-radius: 15px; overflow: hidden; position: relative; box-shadow: 0 8px 25px rgba(74, 108, 247, 0.1);">
<!-- 顶部渐变条 -->
<div style="height: 6px; background: linear-gradient(90deg, #4a6cf7, #6e8fff);"></div>
<div style="padding: 25px 30px; position: relative;">
<!-- 背景装饰元素 -->
<div style="position: absolute; top: 30px; right: 20px; opacity: 0.03;">
<i class="fa-solid fa-gavel" style="font-size: 120px; color: #4a6cf7;"></i>
</div>
<!-- 标题与图标 -->
<div style="display: flex; align-items: center; margin-bottom: 20px;">
<div style="background: #4a6cf7; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; box-shadow: 0 8px 20px rgba(74, 108, 247, 0.2);">
<i class="fa-solid fa-paragraph" style="color: white; font-size: 20px;"></i>
</div>
<h3 style="margin: 0; color: #4a6cf7; font-size: 18px; font-weight: 700;">Legal Notice</h3>
</div>
<!-- 主要文本内容 -->
<div style="color: #444; line-height: 1.7; font-size: 15px; position: relative; z-index: 2; padding-left: 60px;">
We maintain <span style="font-weight: 700; color: #4a6cf7; position: relative;">strong legal rights<span style="position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(74, 108, 247, 0.3);"></span></span> to this domain and will <span style="font-weight: 700; color: #4a6cf7; position: relative;">vigorously defend<span style="position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(74, 108, 247, 0.3);"></span></span> our interests in appropriate jurisdictions. Any attempts to challenge our ownership through administrative or legal proceedings will be met with <span style="font-weight: 700; color: #4a6cf7; position: relative;">robust defense measures<span style="position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(74, 108, 247, 0.3);"></span></span>, potentially resulting in significant time and resource expenditure. We encourage <span style="font-weight: 700; color: #4a6cf7; position: relative;">direct, professional communication<span style="position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: rgba(74, 108, 247, 0.3);"></span></span> as the most efficient path to domain acquisition. Our commitment is to fair, transparent negotiations that benefit all parties involved.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="contact-section">
<div class="con">
<h2 class="section-title">Contact Information</h2>
<div class="contact-container">
<a href="mailto:[email protected]" class="contact-box" style="text-decoration: none;">
<div class="contact-icon-wrapper">
<i class="fa-solid fa-envelope"></i>
</div>
<div class="contact-title">Email Us</div>
<div class="contact-detail">[email protected]</div>
</a>
<a href="javascript:void(0);" onclick="showQRCode('whatsapp')" class="contact-box" style="text-decoration: none;">
<div class="contact-icon-wrapper">
<i class="fa-brands fa-whatsapp"></i>
</div>
<div class="contact-title">WhatsApp</div>
<div class="contact-detail">+44 7756 057789</div>
</a>
<a href="javascript:void(0);" onclick="showQRCode('wechat')" class="contact-box" style="text-decoration: none;">
<div class="contact-icon-wrapper">
<i class="fa-brands fa-weixin"></i>
</div>
<div class="contact-title">WeChat</div>
<div class="contact-detail">Connect with us</div>
</a>
<a href="https://tawk.to/chat/6762e156af5bfec1dbdde685/1ifd40f20" class="contact-box" style="text-decoration: none;">
<div class="contact-icon-wrapper">
<i class="fa-solid fa-headset"></i>
</div>
<div class="contact-title">Live Chat</div>
<div class="contact-detail">Chat with our team</div>
</a>
</div>
<div class="copyright">
Copyright 2025 clsn.com is not being used to confuse consumers, disrupt business, or infringe upon any established trademark rights
</div>
</div>
</div>
<script>
$('.list').click(function() {
$(this).children('.liscon').slideToggle();
});
// Purchase option selection
$('.purchase-option').click(function() {
$('.purchase-option').removeClass('active');
$(this).addClass('active');
});
// Modify Escrow hover effect
document.addEventListener('DOMContentLoaded', function() {
const escrowTitle = document.querySelector('.escrow-title');
const escrowContent = document.querySelector('.escrow-content');
const escrowArrow = document.querySelector('.escrow-title .fa-chevron-down');
const contactMessage = document.querySelector('.contact-message');
// When mouse enters the title area
escrowTitle.addEventListener('mouseenter', function() {
escrowContent.style.maxHeight = '500px'; // Large enough value to contain all content
escrowContent.style.padding = '0';
escrowArrow.style.transform = 'rotate(180deg)';
contactMessage.style.boxShadow = '0 20px 50px rgba(74, 108, 247, 0.2)';
});
// When mouse leaves the entire card
contactMessage.addEventListener('mouseleave', function() {
escrowContent.style.maxHeight = '0';
escrowContent.style.padding = '0';
escrowArrow.style.transform = 'rotate(0)';
contactMessage.style.boxShadow = '0 15px 40px rgba(74, 108, 247, 0.12)';
});
});
</script>
<!-- QR Code Modal -->
<div id="qrCodeModal" class="qr-modal">
<div class="qr-modal-content">
<span class="qr-close">×</span>
<div class="qr-modal-body">
<img id="qrCodeImage" src="" alt="QR Code" style="max-width: 100%; height: auto;">
<div id="qrCodeTitle" class="qr-title"></div>
</div>
</div>
</div>
<style>
/* QR Code Modal Styles */
.qr-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.7);
animation: fadeIn 0.3s;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.qr-modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 0;
border-radius: 12px;
width: 320px;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
position: relative;
animation: slideIn 0.3s;
}
@keyframes slideIn {
from {transform: translateY(-30px); opacity: 0;}
to {transform: translateY(0); opacity: 1;}
}
.qr-close {
position: absolute;
top: -15px;
right: -15px;
color: white;
background: #4a6cf7;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
z-index: 1;
}
.qr-close:hover {
background: #3a5ce6;
}
.qr-modal-body {
padding: 20px;
text-align: center;
}
.qr-title {
margin-top: 15px;
font-weight: 600;
color: #333;
font-size: 16px;
}
</style>
<script>
// QR Code Modal Functionality
function showQRCode(type) {
const modal = document.getElementById('qrCodeModal');
const qrImage = document.getElementById('qrCodeImage');
const qrTitle = document.getElementById('qrCodeTitle');
if (type === 'whatsapp') {
qrImage.src = 'images/whatsapp.png';
qrTitle.textContent = 'Scan to contact us on WhatsApp';
} else if (type === 'wechat') {
qrImage.src = 'images/wechat.jpg';
qrTitle.textContent = 'Scan to connect on WeChat';
}
modal.style.display = 'block';
// Close modal when clicking X
document.querySelector('.qr-close').onclick = function() {
modal.style.display = 'none';
}
// Close modal when clicking outside
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = 'none';
}
}
}
</script>
</body>
</html>
Whois info of domain
Domain Name: CLSN.COM
Registry Domain ID: 16808951_DOMAIN_COM-VRSN
Registrar WHOIS Server: grs-whois.hichina.com
Registrar URL: http://www.net.cn
Updated Date: 2022-07-22T16:07:14Z
Creation Date: 2000-01-07T19:50:07Z
Registry Expiry Date: 2026-01-07T19:50:07Z
Registrar: Alibaba Cloud Computing (Beijing) Co., Ltd.
Registrar IANA ID: 420
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +86.95187
Domain Status: ok https://icann.org/epp#ok
Name Server: NS1.ALIDNS.COM
Name Server: NS2.ALIDNS.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-14T23:45:45Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass