308 status code is a permanent redirect that, unlike 301, ensures the request method remains unchanged.
The user is permanently redirected to the new URL, and the request method remains the same.
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: mxr.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" /> <title>MXR.com</title> <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png" /> <link rel="manifest" href="assets/favicon/site.webmanifest" /> <meta name="msapplication-TileColor" content="#da532c" /> <meta name="theme-color" content="#172537" /> <style> @font-face { font-family: SourceSans3Medium; font-style: normal; font-weight: 500; src: url("assets/fonts/SourceSans3-Medium.ttf"); } @font-face { font-family: Paralucent-Text-Book; font-style: bold; font-weight: 800; src: url("assets/fonts/Paralucent-Text-Book.woff"); } @font-face { font-family: GreycliffCFExtraBold; font-style: bold; font-weight: 800; src: url("assets/fonts/GreycliffCFExtraBold/font.woff"); } @font-face { font-family: Urbandale-Medium; font-style: bold; font-weight: 500; src: url("assets/fonts/UrbandaleMedium/font.woff"); } @font-face { font-family: Urbandale-Regular; font-style: normal; font-weight: 400; src: url("assets/fonts/UrbandaleRegular/font.woff"); } .slide-top { } html, body { height: 100%; overflow-y: hidden; } body { margin: 0; background-color: #000026; } .flex-container { height: 96%; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; } .row { width: auto; } .flex-item { font-family: GreycliffCFExtraBold, sans-serif; padding: 20px; margin: 10px; margin-top: 200px; line-height: 20px; color: #ffffff; font-weight: 500; font-size: 14vmin; text-align: center; -webkit-animation: slide-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both; animation: slide-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms both; } /* ---------------------------------------------- * Generated by Animista on 2024-2-27 23:14:39 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-top * ---------------------------------------- */ @-webkit-keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 1; } } @keyframes slide-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 1; } } @-webkit-keyframes slide-top2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 1; } } @keyframes slide-top2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 1; } } .flex-item-email { font-family: Paralucent-Text-Book, sans-serif; padding-bottom: 4px; padding-left: 0px; padding-right: 0px; margin: 10px; line-height: 20px; color: rgb(89, 207, 34); font-weight: 500; font-size: 2.5vmin; text-align: center; margin-top: 80px; -webkit-animation: slide-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms both; animation: slide-top 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 800ms both; } .hover-underline-animation { display: inline-block; position: relative; padding-bottom: 12px; } .hover-underline-animation::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #ffffff; transform-origin: bottom right; transition: transform 0.5s ease-out; } .hover-underline-animation:hover::after { transform: scaleX(1); transform-origin: bottom left; } /* .client-email { position: relative; } .client-email::after { content: ''; position: absolute; height: 2px; top:1.6em; left: 0; width: 0; background: rgb(255, 255, 255); transition: width .3s; } .client-email:hover::after { width: 100%; } */ @media only screen and (max-width: 600px) { .flex-item { margin-top: 70px; } .flex-item-email { margin-top: 20px; font-size: 5vw; } @-webkit-keyframes slide-top2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-25px); transform: translateY(-25px); opacity: 1; } } @keyframes slide-top2 { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0; } 100% { -webkit-transform: translateY(-25px); transform: translateY(-25px); opacity: 1; } } .flex-item-email { margin-top: 50px; } } .flex-item-email a { padding-bottom: 4px; padding-left: 0px; padding-right: 0px; margin: 10px; line-height: 20px; color: rgb(185, 185, 185); text-align: center; margin-top: 100px; text-decoration: none; padding-bottom: 4px; padding-left: 0px; padding-right: 0px; } .flex-item-email a:hover { padding-bottom: 4px; padding-left: 0px; padding-right: 0px; margin: 10px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; margin-top: 100px; /* border-bottom: 1px solid rgb(255, 255, 255); */ } .flex-item-company-logo { height: 3%; display: flex; justify-content: center; flex-direction: column; justify-content: flex-end; align-self: last baseline; justify-content: center; align-items: center; -webkit-animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1400ms both; animation: slide-top2 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1400ms both; } </style> </head> <body> <div class="flex-container"> <div class="row"> <div class="flex-item"><div>MXR.com</div></div> <div class="flex-item-email"> <a href="mailto:[email protected]"><span class="hover-underline-animation">Inquiries: [email protected]</span></a> </div> </div> </div> <div class="flex-item-company-logo"> <a href="https://www.newreach.com/" target="_blank" ><img style="width: 34px" src="assets/logo-newreach.png" alt="Newreach logo" /></a> </div> </body> </html>