301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
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.
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: cqo.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"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Check out our sponsor - Gattsu</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <script src="https://swetrix.org/swetrix.js" defer></script> <script> document.addEventListener ('DOMContentLoaded', function () { swetrix.init ('TcJrQ039cpVa') swetrix.trackViews () }) </script> </head> <style type="text/css"> body { font-size: 16px; } .header { background: #000000; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; margin: auto; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .header .container, .header .container-fluid, .header .row { height: 100%; } .header .logo img { width: 200px; height: auto; } .hero { background: url(/images/background.jpg) no-repeat 50% 50%/cover; background-color: #c61c1f !important; } .section { position: relative; padding: 0px 0 60px 0; margin-top: 80px; height: calc(100vh - 120px); } .section .hero-header { background: rgba(0,0,0,0.2); text-align:center; color:#ffffff; padding: 20px 0; margin-bottom: 60px; background-color: #c61c1f !important; } .section .hero-header h1{ font-size: 30px; } ul.menu { -ms-flex-pack: end!important; justify-content: flex-end!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; -ms-flex-align: center!important; align-items: center!important; } ul.menu li { list-style: none; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; padding: 0 10px; } ul.menu li a { position: relative; color: #ffffff; -webkit-transition: 0.2s all ease-in 0s; -moz-transition: 0.2s all ease-in 0s; -ms-transition: 0.2s all ease-in 0s; -o-transition: 0.2s all ease-in 0s; transition: 0.2s all ease-in 0s; } ul.menu li a:hover { text-decoration: none; } ul.menu li a.btn-primary { background: #c61c1f; color: #ffffff; border: 0; } ul.menu li a.btn-primary:hover, ul.menu li a.btn-primary:focus { background: #b11a1c; color: #ffffff; } .playerWrapOuter{ padding: 0; border: 20px solid #ffffff; background: #ffffff; position: relative; -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.2); -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.2); -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.2); -o-box-shadow: 0 10px 30px rgba(0,0,0,0.2); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .embed-responsive { position: relative; padding-bottom: 56.25%; background-color: #f4f4f6; display: block; } .embed-responsive iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; } .footer { background: #000000; color: #776633; height: 40px; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 9999; margin: auto; } .footer .container, .footer .row { height: 100%; } .footer p { margin-bottom: 0; } .footer-nav { -ms-flex-pack: end!important; justify-content: flex-end!important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-nav a { list-style: none; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; color: #ffffff; display: inline-block; vertical-align: middle; margin-left: 20px; } .hytPlayerWrap{display: block; position: relative;}.hytPlayerWrap.ended::after{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);}.hytPlayerWrap.paused::after{content:""; position: absolute; top: 0px; left: 0; bottom: 0px; right: 0; margin: auto; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+); } /* Video Form Subscribe Form styling starts here */ .scb-form-wrap { position: relative; overflow: hidden; } .video-play-btn { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 63; } .video-play-btn svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-play-btn svg path.ytp-large-play-button-bg { transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); fill: #212121; fill-opacity: .8; } .scb-form-wrap:hover .video-play-btn path.ytp-large-play-button-bg { fill: #ff0000; fill-opacity: 1; } .scb-form-wrap.video-play-btn-hide .video-play-btn { display: none; } .scb-btn { background: #cc0000; color: #ffffff; text-transform: uppercase; font-weight: 500; font-size: 18px; padding: 10px 25px; display: inline-block; text-decoration: none; text-align: center; border-radius: 4px; height: 50px; } .scb-btn:hover, .scb-btn:focus { background: #cc0000; color: #ffffff; text-decoration: none; } .scb-form-wrap .form-group { position: relative; margin: 0; } .scb-form-wrap .form-group em { font-style: normal; position: absolute; left: 15px; top: 10px; font-size: 20px; color: #cc0000; } .scb-form-wrap .form-group .form-control { border-radius: 4px; text-align: left; font-weight: bold; width: 300px; padding: 10px 50px 10px 40px; height: 50px; line-height: 26px; color: #000000; border: 2px solid #cc0000; margin: 0; font-size: 18px; } .field { position: absolute; right: 0; bottom: 20px; opacity: 0; z-index: 99; visibility: hidden; -webkit-transition: 0.5s all linear 0s; -moz-transition: 0.5s all linear 0s; -ms-transition: 0.5s all linear 0s; -o-transition: 0.5s all linear 0s; transition: 0.5s all linear 0s; } .field.active { opacity: 1; visibility: visible; } #sub-form .email-valider { display: none; position: absolute; right: 0; bottom: 100%; margin-bottom: 10px; text-align: right; color: #ffffff; text-align: right; z-index: 9; padding: 5px 15px 5px 15px; height: 36px; text-shadow: 2px 3px 10px rgba(0,0,0,0.5); } #sub-form .email-valider:after { content: ""; display: inline-block; position: absolute; right: 100%; top: 0; bottom: 0; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 15px solid transparent; opacity: 0.5; } #sub-form .email-valider.email-error { background: rgba(255,0,0,0.5); color: #ffffff; } #sub-form .email-valider.email-error:after { border-right-color: rgba(255,0,0,1); } #sub-form .email-valider.email-success { background: rgba(50,170,0,0.5); color: #ffffff; } #sub-form .email-valider.email-success:after { border-right-color: rgba(50,170,0,1); } #sub-form .email-valider.active { display: block; } #sub-form .next { position: absolute; top: 6px; width: 36px; height: 36px; line-height: 20px; text-align: center; cursor: pointer; right: 8px; padding: 0; background: #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-align: center; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); -webkit-transition: 0.2s all ease-in 0s; -moz-transition: 0.2s all ease-in 0s; -ms-transition: 0.2s all ease-in 0s; -o-transition: 0.2s all ease-in 0s; transition: 0.2s all ease-in 0s; color: #000000; z-index: 9; border: 0; } #sub-form .email-field .next { opacity: 0; visibility: hidden; } #sub-form .email-field .next.active { opacity: 1; visibility: visible; } #sub-form .next em { font-size: 18px; margin-left: -2px; font-style: normal; color: #000000; } #sub-form .next:hover { background: #cc0000; color: #ffffff; } #sub-form .next:hover em { color: #ffffff; } @media only screen and (max-width:1023px) and (min-width:768px) { .playerWrapOuter { border: 15px solid #ffffff; } } @media only screen and (max-width:767px) and (min-width:568px) { .playerWrapOuter { border: 10px solid #ffffff; } .section { padding: 0px 0 40px 0; } .section .hero-header { margin-bottom: 40px; padding: 15px 0; } .section .hero-header h1 { font-size: 24px; } } @media only screen and (max-width:567px) and (min-width:320px) { .playerWrapOuter { border: 10px solid #ffffff; } .header .logo img { width: 140px; height: auto; } .section { padding: 0px 0 30px 0; } .section .hero-header{ margin-bottom: 30px; padding: 10px 0; } .section .hero-header h1 { font-size: 18px; } .scb-btn { font-size: 14px; padding: 8px 16px; height: 40px; } .scb-form-wrap .field { max-width: 90%; bottom: 10px; } .scb-form-wrap .form-group { width: 100%; } .scb-form-wrap .form-group .form-control { width: 100%; font-size: 15px; padding:8px 50px 8px 35px; height: 40px; } .scb-form-wrap .form-group em { font-size: 15px !important; } #sub-form .email-valider { padding: 2px 10px 2px 10px; height: 24px; font-size: 13px; margin-bottom: 5px; } #sub-form .email-valider:after { border-top-width: 12px; border-bottom-width: 12px; border-right-width: 8px; } .footer p, .footer-nav a { font-size: 14px; white-space: nowrap; } #sub-form .next { top: 5px; width: 28px; height: 28px; line-height: 12px; padding-right: 3px; } } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s; } /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .progress { background-color: #d8d8d8; border-radius: 20px; position: relative; margin-top: 15px; height: 10px; width: 100%; } .progress-done { background: #F9D026; border-radius: 20px; color: #fff; display: flex; align-items: center; justify-content: center; height: 100%; width: 0; opacity: 0; transition: 1s ease 0.3s; } .video { width: 100%; height: auto; aspect-ratio: 16 / 9; /* Maintain 16:9 aspect ratio */ } </style> <body> <header class="header"> <div class="container"> <div class="row align-items-center"> <div class="col-md-3 py-2"> <a href="https://www.domainster.com" title="Domainster Domain Brokerage"> <img title="Domainster" width="200" height="35" src="https://s3.amazonaws.com/assets.domainster/images/logo-white.png"> </a> </div> <div class="col-md-6 text-center py-2"> <div class="progress d-none" id="pBar"> <div class="progress-done"></div> </div> <small class="text-white d-none" id="txtSkip">Skip in <span id="txtDuration">00</span> seconds</small> <button class="btn btn-light btn-sm d-none" id="btnSkip" type="button" style="padding:0px 10px;">Skip</button> </div> <div class="col-md-3 text-end py-2"> <div data-bs-toggle="tooltip" title="Please watch the video first - button will be active then."> <a href="https://www.domainster.com/KP2G-EY32E-C-18Y4/domain-marketplace" data-bs-toggle="tooltip" title="Please watch the video first - button will be active then."> <button id="getstarted_btn" class="btn btn-success" disabled>Get Started</button> </a> </div> </div> </div> </div> <!-- container --> </header> <div class="pt-3 mt-5 text-center"> <h4 class="fw-bold mb-0">This Domain May Be For Sale!</h4> <p class="mb-2">You can find out after watching the video</p> <div class="col-md-8 mx-auto"> <div class="video" data-id="M7lc1UVf-VE"></div> <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mt-2 mb-4"> <a href="https://www.youtube.com/@Gattsu" data-bs-toggle="tooltip" title="Please watch the video first - button will be active then."> <button disabled id="sponsor_btn" role="button" class="btn btn-primary btn-lg px-4 me-sm-3"> Visit Sponsor </button></a> <a href="https://www.domainster.com/KP2G-EY32E-C-18Y4/domain-marketplace" data-bs-toggle="tooltip" title="Please watch the video first - button will be active then."> <button disabled id="domaininfo_btn" role="button" class="btn btn-secondary btn-lg px-4 me-sm-3" data-toggle="tooltip" data-placement="top" title="Please watch video first"> Domain Info </button></a> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> </body> </html> <script> var video; var uuid = Math.floor (100 + Math.random () * 900) + "-" + Math.floor (1000 + Math.random () * 9000) + "-" + Math.floor (10 + Math.random () * 90); window.onload = async () => { console.log (window.location.href); let url = window.location.href; /* let payload = { request: "getvideo", uuid }; let fetched = await fetch ("/api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify (payload) }) let data = await (fetched.json ()); if (typeof data.video !== "undefined") video = data.video; console.log (data); */ const tag = document.createElement ("script"); tag.src = "https://www.youtube.com/player_api"; const firstScriptTag = document.getElementsByTagName ("script")[0]; firstScriptTag.parentNode.insertBefore (tag, firstScriptTag); window.onYouTubePlayerAPIReady = function () { // the following only counts if video supplied by api const video = document.querySelector (".video"); const videoId = video.getAttribute ("data-id"); new YT.Player (video, { videoId: "KR36dgHilPE", playerVars: { autoplay: 0, controls: 1, showinfo: 1, rel: 0, iv_load_policy: 3, cc_load_policy: 0, fs: 0, disablekb: 1, start: 70 }, events: { "onReady": onPlayerReady, "onStateChange": onPlayerStateChange } }); }; // Progress bar setup let progress = document.querySelector('.progress-done'); let duration = 30; // Duration in seconds let btnSkip = document.getElementById('btnSkip'); // Function to start the progress bar function startProgressBar () { let countdown = duration; document.getElementById('txtDuration').innerHTML = countdown; document.getElementById('pBar').classList.remove('d-none'); document.getElementById('txtSkip').classList.remove('d-none'); progress.style.transition = 'width ${duration}s linear'; progress.style.opacity = 1; const interval = setInterval(() => { countdown--; document.getElementById('txtDuration').innerHTML = countdown; if (countdown <= 0) clearInterval(interval); }, 1000); setTimeout(() => { progress.style.width = '100%'; setTimeout(() => { progress.style.background = '#097054'; document.getElementById('txtSkip').classList.add('d-none'); btnSkip.classList.remove('d-none'); document.getElementById ("getstarted_btn").removeAttribute ("disabled"); document.getElementById ("domaininfo_btn").removeAttribute ("disabled"); document.getElementById ("sponsor_btn").removeAttribute ("disabled"); //disable tooltip const tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]'); tooltipElements.forEach(element => { const tooltipInstance = bootstrap.Tooltip.getInstance(element); if (tooltipInstance) { tooltipInstance.disable(); // Disable the tooltip } }); }, duration * 1000); }, 10); } btnSkip.addEventListener ('click', function () { console.log('clicked btnSkip'); document.getElementById ("getstarted_btn").removeAttribute ("disabled"); document.getElementById ("domaininfo_btn").removeAttribute ("disabled"); document.getElementById ("sponsor_btn").removeAttribute ("disabled"); // scroll to bottom of page to make buttons visible window.scrollTo(0, document.body.scrollHeight); }); function onPlayerReady () { console.log ("onPlayerReady"); progress.style.width = '0%'; // Reset the progress bar progress.style.opacity = 1; } async function onPlayerStateChange (e) { console.log ("onPlayerStateChange:", e.data); if (e.data == 1) { //start progress bar when youtube video starts playing startProgressBar(); } let data = { request: "report", payload: { uuid, video: video, action: e.data } } console.log ("POSTING:"); console.log (data); let fetched = await fetch (window.location.href, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify (data) }) let response = await (fetched.json ()); } } //enable tooltip const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }); </script>