<!doctype html>
<html lang="vi">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Website hiện không hoạt động</title>
<!-- Styles -->
<style>
:root {
--angle: 45deg;
--opacity: 0.5;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.rainbow {
border-radius: 10px;
padding: 2rem;
margin: 1.75rem;
display: grid;
place-content: center;
text-align: center;
font-size: 1.5em;
--border-size: 0.3rem;
border: var(--border-size) solid transparent;
/* Paint an image in the border */
border-image: conic-gradient(
from var(--angle),
#d6001b 0deg 90deg,
#f7ad30 90deg 180deg,
#166dc8 180deg 270deg,
#49c98d 270deg 360deg
)
1 stretch;
background: rgb(255 255 255 / var(--opacity));
}
/** show a warning in browers that don't support it **/
.warning {
margin: 2em;
padding: 1em;
border: 1px solid #ccc;
}
.warning p {
margin: 0;
padding: 0;
text-align: center;
}
/* Animate when Houdini is available */
@supports (background: paint(houdini)) {
@property --opacity {
syntax: "<number>";
initial-value: 0.5;
inherits: false;
}
@property --angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes opacityChange {
to {
--opacity: 1;
}
}
@keyframes rotate {
to {
--angle: 360deg;
}
}
.rainbow {
animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
}
/* Hide the warning */
.warning {
display: none;
}
}
html, body {
background-color: #ecf5ff;
color: #837474;
font-family: 'system-ui', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.gap-6 {
gap: 3rem;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 3rem;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
<div class="content flex-center gap-6 rainbow">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" x="0" y="0" viewBox="0 0 496.771 496.771" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path fill="#ffdfcf" d="m263.849 216.142-111.141 82.685-51.819-29.505H13.245a6.868 6.868 0 0 0-6.867 6.966l1.797 125.256a6.867 6.867 0 0 0 7.241 6.758l65.062-3.55 41.28 22.63a50.21 50.21 0 0 0 24.15 6.18h131.55v-217.42z" opacity="1" data-original="#ffdfcf"></path><path fill="#ffcebf" d="m117.511 404.933-38.023-20.291a17.846 17.846 0 0 0-9.344-2.076L7.951 385.87l.225 15.674a6.867 6.867 0 0 0 7.241 6.758l65.062-3.55 41.28 22.63a50.21 50.21 0 0 0 24.15 6.18h131.55v-22.449H142.32c-8.67 0-17.207-2.12-24.809-6.18z" opacity="1" data-original="#ffcebf"></path><path fill="#ffcebf" d="M277.459 244.039h-31.955c-23.217 0-42.105 18.889-42.105 42.105a41.845 41.845 0 0 0 6.29 22.105c-3.983 6.43-6.29 14.002-6.29 22.105s2.307 15.676 6.29 22.105c-3.983 6.43-6.29 14.002-6.29 22.105s2.307 15.676 6.29 22.105a41.845 41.845 0 0 0-6.29 22.105c0 5.202.955 10.183 2.688 14.787h71.373V244.039z" opacity="1" data-original="#ffcebf"></path><path fill="#ffcebf" d="m263.849 216.142-111.141 82.685-38.389-21.858v37.808c0 18.768 15.046 34.285 33.814 34.384l.366.001h16.79c29.923 0 57.861-16.058 72.914-41.907l3.407-5.853 35.849-68.17v-17.09z" opacity="1" data-original="#ffcebf"></path><path fill="#ffdfcf" d="m263.849 216.142-39.74 75.57-3.19 5.48a64.358 64.358 0 0 1-55.63 31.97h-16.79c-25.85 0-46.93-20.717-47.379-46.563l-.231-13.277 71.13-45.65a47.58 47.58 0 0 1 25.67-7.53h44.8z" opacity="1" data-original="#ffdfcf"></path><path fill="#9b8e99" d="M285.964 496.771h-40.259a3.21 3.21 0 0 1-3.211-3.211V87.139h46.682V493.56a3.213 3.213 0 0 1-3.212 3.211z" opacity="1" data-original="#9b8e99"></path><path fill="#ffdfcf" d="M297.118 308.249h-51.615c-12.208 0-22.105-9.897-22.105-22.105s9.897-22.105 22.105-22.105h51.615c12.208 0 22.105 9.897 22.105 22.105.001 12.208-9.896 22.105-22.105 22.105z" opacity="1" data-original="#ffdfcf"></path><path fill="#ffdfcf" d="M294.494 352.459h-48.991c-12.208 0-22.105-9.897-22.105-22.105s9.897-22.105 22.105-22.105h48.991c12.208 0 22.105 9.897 22.105 22.105 0 12.209-9.897 22.105-22.105 22.105zM288.376 396.67h-42.873c-12.208 0-22.105-9.897-22.105-22.105s9.897-22.105 22.105-22.105h42.873c12.208 0 22.105 9.897 22.105 22.105s-9.896 22.105-22.105 22.105z" opacity="1" data-original="#ffdfcf"></path><path fill="#ffdfcf" d="M283.375 440.88h-37.872c-12.208 0-22.105-9.897-22.105-22.105s9.897-22.105 22.105-22.105h37.872c12.208 0 22.105 9.897 22.105 22.105.001 12.208-9.896 22.105-22.105 22.105z" opacity="1" data-original="#ffdfcf"></path><g fill="#ffcebf"><path d="M297.118 292.942h-51.615c-9.518 0-17.629-6.016-20.743-14.452a22.065 22.065 0 0 0-1.362 7.653c0 12.208 9.897 22.105 22.105 22.105h51.615c12.208 0 22.105-9.897 22.105-22.105 0-2.691-.472-5.256-1.352-7.641-3.114 8.437-11.235 14.44-20.753 14.44zM294.494 337.152h-48.991c-9.518 0-17.635-6.024-20.748-14.46a22.109 22.109 0 0 0-1.357 7.662c0 12.208 9.897 22.105 22.105 22.105h48.991c12.208 0 22.105-9.897 22.105-22.105 0-2.691-.474-5.264-1.354-7.649-3.114 8.436-11.233 14.447-20.751 14.447zM288.376 381.363h-42.873c-9.518 0-17.63-6.027-20.744-14.464a22.132 22.132 0 0 0-1.361 7.665c0 12.208 9.897 22.105 22.105 22.105h42.873c12.208 0 22.105-9.897 22.105-22.105 0-2.691-.474-5.263-1.354-7.648-3.114 8.436-11.233 14.447-20.751 14.447zM283.376 425.573h-37.873c-9.518 0-17.633-6.024-20.747-14.46a22.11 22.11 0 0 0-1.358 7.662c0 12.208 9.897 22.105 22.105 22.105h37.873c12.208 0 22.105-9.897 22.105-22.105a22.11 22.11 0 0 0-1.359-7.662c-3.114 8.436-11.229 14.46-20.746 14.46z" fill="#ffcebf" opacity="1" data-original="#ffcebf"></path></g><path fill="#f58a97" d="M466.848 154.368H62.031c-13.004 0-23.545-10.542-23.545-23.545V23.545C38.486 10.542 49.027 0 62.031 0h404.816c13.004 0 23.545 10.542 23.545 23.545v107.277c.001 13.004-10.541 23.546-23.544 23.546z" opacity="1" data-original="#f58a97"></path><path fill="#f07281" d="M118.881 130.403c-21.735 0-39.354-17.62-39.354-39.354V0H62.031C49.027 0 38.486 10.542 38.486 23.545v107.277c0 13.004 10.542 23.545 23.545 23.545h404.816c13.004 0 23.545-10.542 23.545-23.545v-.42H118.881z" opacity="1" data-original="#f07281"></path><g fill="#f5f8f9"><path d="M147.343 69.684h-5.579c-4.539 0-8.232-3.693-8.232-8.233s3.693-8.232 8.232-8.232h17.521c4.143 0 7.5-3.358 7.5-7.5s-3.357-7.5-7.5-7.5h-17.521c-12.811 0-23.232 10.422-23.232 23.232s10.422 23.233 23.232 23.233h5.579c4.539 0 8.232 3.693 8.232 8.232s-3.693 8.233-8.232 8.233h-21.312c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h21.312c12.811 0 23.232-10.422 23.232-23.233s-10.421-23.232-23.232-23.232zM225.284 38.219h-39.873c-4.143 0-7.5 3.358-7.5 7.5s3.357 7.5 7.5 7.5h12.437v55.431c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5V53.219h12.437a7.5 7.5 0 1 0-.001-15zM268.307 38.219c-15.713 0-28.496 12.784-28.496 28.497v20.937c0 15.713 12.783 28.497 28.496 28.497s28.497-12.784 28.497-28.497V66.715c0-15.713-12.784-28.496-28.497-28.496zm13.497 49.433c0 7.442-6.055 13.497-13.497 13.497-7.441 0-13.496-6.055-13.496-13.497V66.715c0-7.442 6.055-13.497 13.496-13.497 7.442 0 13.497 6.055 13.497 13.497zM338.905 38.219h-5.95c-10.111 0-18.338 8.226-18.338 18.337v52.093c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5V91.084h9.288c14.575 0 26.433-11.857 26.433-26.433s-11.858-26.432-26.433-26.432zm0 37.865h-9.288V56.556a3.341 3.341 0 0 1 3.338-3.337h5.95c6.304 0 11.433 5.128 11.433 11.433s-5.129 11.432-11.433 11.432zM394.077 93.664a7.5 7.5 0 0 0-7.5 7.5v7.485c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5v-7.485a7.5 7.5 0 0 0-7.5-7.5zM394.077 38.219a7.5 7.5 0 0 0-7.5 7.5v29.049c0 4.142 3.357 7.5 7.5 7.5s7.5-3.358 7.5-7.5V45.719a7.5 7.5 0 0 0-7.5-7.5z" fill="#f5f8f9" opacity="1" data-original="#f5f8f9"></path></g></g></svg>
<div class="title m-b-md">
Website hiện không hoạt động
</div>
</div>
</div>
</body>
</html>