<!doctype html>
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>
</title>
<link rel="canonical" href="https://www.guesehat.com/404_notfounds">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="404 Halaman Tidak Tersedia">
<meta property="og:image" content="" />
<meta property="og:description" content="404 Halaman Tidak Tersedia" />
<meta property="twitter:description" content="404 Halaman Tidak Tersedia">
<meta property="twitter:image" content="404_notfounds">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-social-share"
src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style><noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<style amp-custom>
body {
display: block;
font-family: sans-serif;
font-size: 1.1rem;
font-weight: 300;
}
a {
text-decoration: none;
color: #00b3e3;
}
.container {
max-width: 700px;
margin: 0 auto;
}
.logo {
position: relative;
width: 100%;
height: 40px;
margin: 12px 0;
text-align: center;
}
amp-img.contain img {
object-fit: contain;
}
.share-container {
text-align: center;
padding: 2rem;
}
amp-social-share {
border-radius: 50%;
margin: 0.3rem;
}
.footer-nav {
font-size: 1.1rem;
text-align: center;
}
.copyright {
font-size: 0.8rem;
text-align: center;
margin: 2rem 0;
}
:root {
--color-primary: #005AF0;
--color-text-light: #fff;
}
a.instagram {
fill: #fff;
color: #fff;
background-color: #fff;
/* border-radius: 50%; */
margin: 0.3rem;
}
a.instagram>svg {
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border-radius: 100%;
}
a.youtube {
fill: #fff;
color: #fff;
background-color: #fff;
}
a.youtube>svg {
background: #c4302b;
border-radius: 100%;
}
a.facebook {
fill: #fff;
color: #fff;
background-color: #fff;
}
a.facebook>svg {
background: #3b5998;
border-radius: 100%;
}
a.twitter {
fill: #fff;
color: #fff;
background-color: #fff;
}
a.twitter>svg {
background: #00acee;
border-radius: 100%;
}
h1,
h2,
h3,
h4,
h5 {
font-family: sans-serif;
font-weight: 300;
margin: 0;
}
h1 {
font-size: 1.6rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.4rem;
}
h4 {
font-size: 1.3rem;
}
h5 {
font-size: 1.2rem;
}
h6 {
font-size: 1.1rem;
}
strong {
font-weight: 500;
}
.footer-nav {
padding: 0;
margin: 0;
}
.tag-contlist {
padding: 1rem 0;
margin: 0;
}
.footer-nav>li,
.tag-contlist>li {
display: inline-block;
line-height: 1.8rem;
margin-right: 1rem;
}
.tag {
font-size: 1rem;
color: #888;
text-transform: uppercase;
}
.related {
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.related-header {
margin: 1rem;
}
.related-container {
width: 150px;
vertical-align: top;
}
.related-title {
font-family: 'Noto Serif JP', serif;
height: 7.2rem;
margin: 0.2rem;
line-height: 1.8rem;
white-space: pre-wrap;
}
.content {
padding: 0rem 1rem 6rem 1rem;
border-bottom: 1px solid #eee;
}
.content-desc {
font-family: 'Noto Serif JP', serif;
margin-top: 2.5rem;
line-height: 1.8rem;
}
.caption {
color: #00b3e3;
margin: 2rem 0 0 0;
}
.title {
font-family: 'Noto Serif JP', serif;
margin-top: 0.5rem;
}
.section-header {
margin-top: 2.5rem;
}
.fof {
padding-top: 20px;
height: 100%;
}
.fof-body {
position: relative;
padding-top: 20px;
width: 100%;
margin: 0 auto;
}
.fof-body:before {
content: " ";
position: absolute;
width: 302px;
height: 310px;
top: 30px;
right: 0;
background: url('https://static.guesehat.com/static/static/web/img/404.png') no-repeat;
background-size: 100% auto;
}
.fof-block {
position: relative;
width: 60%;
z-index: 2;
}
.fof-title {
font-size: 34px;
line-height: normal;
/* font-weight: 300; */
margin-bottom: 20px;
/* text-transform: uppercase; */
}
.fof-text {
font-size: 16px;
line-height: 22px;
margin-bottom: 22px;
}
.fof-button-cont {
margin-bottom: 18px;
}
.fof-button {
display: inline-block;
min-width: 200px;
height: 25px;
padding: 7px 12px;
border-radius: 3px;
background: #00b3e3;
color: white;
font-size: 14px;
text-align: center;
font-family: 'Noto Serif JP', serif;
}
@media (min-width: 350px) and (max-width: 480px) {
.fof-body {
padding-top: 235px;
}
.fof-title {
font-size :23px;
margin-top: 11px;
}
.content {
padding :0rem 1rem 1rem 1rem;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.fof-body:before {
padding-top: 200px;
}
.content {
padding :0rem 1rem 1rem 1rem;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {}
@media (min-width: 768px) and (max-width: 1024px) {
.fof-body:before {
padding-top: 235px;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}
</style>
</head>
<body>
<header>
<div class="logo">
<a href="https://www.guesehat.com/">
<amp-img class="contain" src="https://static.guesehat.com/static/logo_web.png" alt="GueSehat"
layout="fill">
</amp-img>
</a>
</div>
</header>
<div class="container">
<div class="content">
<h6 class="caption"><strong>
</strong></h6>
<div class="content-desc">
<div class="disdetail-body-text">
<div id="content">
<section class="fof">
<div class="container">
<div class="fof-body">
<div class="fof-block">
<h1 class="fof-title">OOPS! KONTEN TIDAK TERSEDIA</h1>
<div class="fof-text">
<p>Halaman yang Anda cari dipindahkan, dihapus, diganti atau mungkin
tidak pernah ada.</p>
</div>
<div class="fof-button-cont"><a class="fof-button" href="https://www.guesehat.com/">Kembali ke
halaman utama</a></div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="share-container">
<amp-social-share type="facebook" data-param-app_id="875389782609283" width="37" height="37"></amp-social-share>
<amp-social-share type="twitter" width="37" height="37"></amp-social-share>
<amp-social-share type="linkedin" width="37" height="37"></amp-social-share>
<amp-social-share type="whatsapp" width="37" height="37"></amp-social-share>
<amp-social-share type="email" width="37" height="37"></amp-social-share>
</div>
</div>
<footer>
<ul class="footer-nav">
<li>
<a href="https://amp.guesehat.com/kebijakan-privasi" class="footer-nav-item">Kebijakan Privasi</a>
</li>
<li>
<a href="https://amp.guesehat.com/syarat-dan-ketentuan" class="footer-nav-item">Syarat dan Ketentuan</a>
</li>
<li>
<a href="https://amp.guesehat.com/hubungi-kami" class="footer-nav-item">Hubungi Kami</a>
</li>
<li>
<a href="https://amp.guesehat.com/tentang-kami" class="footer-nav-item">Tentang Kami</a>
</li>
</ul>
<div class="copyright">© 2024 . <a href="https://www.guesehat.com/">GueSehat</a>. All rights reserved.</div>
</footer>
</body>
</html>