CINXE.COM
Not available in your region
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="./favicons/favicon.ico" /> <link rel="apple-touch-icon" href="./logo.png" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@100&display=swap" rel="stylesheet"> <!-- <link rel="stylesheet" href="./styles.css"> --> <style type="text/css"> body { min-height: 100vh; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } h1 { font-size: 1.375em; line-height: 1.616rem; margin-top: 0; } a, a:hover, a:visited, a:active { color: inherit; } div { border-radius: 14px; border: 1px solid #CCC; font-family: 'Public Sans', sans-serif; height: 9.844rem; text-align: center; width: 24.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.625rem; } @media screen and (max-width: 720px) { div { width: 85%; } } @media screen and (max-width: 400px) { div { width: 75%; } } @media screen and (max-width: 300px) { div { width: 90%; height: auto; } } </style> <!-- manifest.json provides metadata used when your web app is installed on a user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ --> <link rel="manifest" href="./manifest.json" /> <title> Not available in your region</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body > <div> <h1> Crisis Text Line isn't available </h1> <span> Crisis Text Line is currently only available in the US. Find <a href="http://bit.ly/CTL_int"> international resources</a> or find more about <a href="https://www.crisistextline.org/about-us/where-we-are/"> where we operate. </a> </span> </div> </body> </html>