cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2606:4700:310c::ac42:2f98:80 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Jwk3Rjvu4kklJbZbcRj2JpZUNURjEjcevJry9NJbTdUNmbbP18e5BcJBBbsVawDPvWj6i7nD9PWqXMIY7w6aA39kRrlzYeXWbAPp93kVJqAMvzT5B6DUsAHb3Q%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180e0c26327e-SJC
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f98:443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ieVDEjlf%2Frv9nWbRToYFkOo4bL50dZvNAWcNgC3cvZsdFWdWTAGYhESlfJuevlb7jtgYh3gT%2FvaDrU%2F5A%2Bjyq%2Fr8edcScJ0myTJw2xXxUhsYS7xXbobHtKI6Yw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180dfe55dcac-FRA
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2c68:80 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=9FKfvFXQzalBs8oXgHBKyTtnMQhA6WiVBbn%2FITr9XFOZH5539iqCe3QoK2VMDHKfiLJBEuQEqMeCOvNPOEnGK2BlWOpGEswp%2FGKzGszqGJngTD8dbDyF770ffQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180d7fd3fea0-AMS
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.104:443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=j19L9n2M%2FuqbA17qi7N2%2BkMywpkAwMUOU%2FnRQ70GK%2FFzFcSBBQBVswXXLbI0Zx%2B1p4r2tuRqK4vN2NAirC6KK%2B%2B0G77Hx7k9%2BnvBi3ZASA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180e0b9f30db-FRA
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2c68:8443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ySSz%2B%2FHWQ4mcx5i8pfvqn367BUdl6V2FShXGnXH0x7fc08AM%2F%2F2AXDD%2FaaN7I5ZSBk%2FK1rgo%2BeKf%2FPxPfOXyTzy7clSlEuQLPrWoQ8P8Gy7404%2FjWY3ZxLy4gQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180dfeeb2eec-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2f98:8443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=Qr4q7vwCEL5bf2ve0JoSM92Qll2xaMVEEh6QUdIw581cbXt%2BO03ETnPwzkwPzU4uMacQWgIJypqVsuy2z3YlP6uUjsr3GBx0ujt%2FaFtgTtzvlVMBW4GfJjsQHQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180dedb15d3e-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.47.152:80 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=eRTCmJnr0Lpsz02sZJaEtcz6G5kxkfJyGaa%2Fac2yJVE1OjQQDvCda4PVVXFwaXhphPhsgTlODKRbpzznvU0exWngdx7yciuQFdjlATAQRw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180d1875340d-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.104:80 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 301 Moved Permanently
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=8zo5PLlegbjvJoiz6%2B9Dw%2FzZxkIjJ9gJEFdoR4JwVe6U0MBJKukAzj6%2B2jctW6S8yYBzzJdfkLZpH2X%2Bs8VdUi4i28Ztj76QUs1IsWRe8w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180d19fb5d8b-FRA
alt-svc: h3=":443"; ma=86400
Open service 172.66.47.152:8443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=hTE1DFqikBtE9pz9Xo90ROMWHsl%2FbSFMRrOKgnPyoJSYw%2FOmQQbbyVNZuRrzq9yTxkq%2BQFf02HUQx7gfRg6bZ3TDhG%2FK4VuRttJ9mZo%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180d49800f3a-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2c68:443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=KFP%2B2JeSGTs8TC0i%2By0V5VVTJ7eZEpw6J8wWzHp7b1gh6wd9LXGTa3iTaLkCeMkBvoxVJYcTfnAxi9lis3vAt6HV6%2FEpqLncIMmkn%2FCIyIsB0qbiGJwtWFCTKQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180df81a2bcf-FRA
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.47.152:443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=ZufZ10lJypEeDqHfVro6Wz8CQG8WDhBnNdSA5ui6Bjrjg6E1FXG7vsttvdNaBtCVZ0oRVwzNzcFHWG9NxyzT%2BF9mefwv1YEQJEf5abY%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180e0d9167ac-SJC
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.44.104:8443 路 drian.pages.dev
2026-01-12 05:01
HTTP/1.1 200 OK
Date: Mon, 12 Jan 2026 05:01:05 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=qhAXnSENRwtjM1oCVwilEZKIFphDQCAzw4DVLLyUWlMnnE0yDs5cbPDN0zregrhZ3ekCGp8JUgLVWYyeNz0M0%2FRpSWrnWNazDQYjnHuPaQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bca180d2841ef9f-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2c68:80 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 301 Moved Permanently
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=0o5Eq4VLQmXUGwVesi3oJ5QGO1B%2FsoqSWGyz41oYU1IPHkKSuGjRrq38%2FM22cewsTD%2Fn9H4zl%2FwkiQsvvgcXk10ZMxGG4rutCwhOXlvVCIXEKaQDs2tj71yFUQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167271fb5c8ff8-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2f98:443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=kTamWJMSdXFJ8gPrwJ7ATSlpndCemHZBfa2SEgQfdk3Htk1fMlQViSehqQcSKV1B6dzTC9s6fHBBVhyiOSoKR6Pyml4ZL%2BWfwvETOyhy9tf9wBHv2Ofe9hkFIg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167272c8859296-FRA
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2f98:80 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 301 Moved Permanently
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=tsPRRI21yFkH%2BdeF6MspT2aDiqE7bZ%2B3RhbMrM0xFRKCA8Rwt7qAF8nZOu0nTQmjfoxsUAZR1r8gqcQL68e5XF%2BXydTlDt2bvNu3cdKIu%2B1EEoJuM3CXVAkq7w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167271ffbd381b-FRA
alt-svc: h3=":443"; ma=86400
Open service 2606:4700:310c::ac42:2c68:443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=MOELxBsq9lBI8IkqZgACmZxcMt8Tn%2F71DtAQm%2BH0V9oor0iJ9ZyVJqpByDO1tpfrZQ70ij8I0iy1ZNQgNMKZ7QBnCJ%2B3siKmj5HJAbJhds6eGaZVHgS1ibeLng%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b1672724ede8c39-EWR
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2f98:8443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=OWbzeQZgSVzqSPFYdUNfN%2FVJdqGIA11X%2FCbehAeRWriKZSH%2FoaTzMgXqvL8MlGD7nfScyevGk%2FzDcOL%2B3AIMC1T66NpucZo%2Feseca0Qid68ujjM8YznEiiTdKQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b1672721ee3e839-LHR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 2606:4700:310c::ac42:2c68:8443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=npKG4rv%2FS6FkhtFzXLnYZD0nwWca0QiGz6r0m8%2BAcRJGYJkcZdQLk2eIdp7GYdGmSvBsTVv%2FSGzXuVUNFcv2BetQi0o3oh58fAD1slDw%2BdAm5tugzackQXjptg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b16727209434a1a-EWR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.47.152:8443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=meRNx7OQF17MNMpvf2%2BqxFszyeCaLp9gfPO7%2BFryQyVn2nnFL64FZGGO50WLEyh8grgfctRUjeR0GCV7WHe04fh%2FjX5Tx7v67sXEyKdtLw%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167272397c001e-LHR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.47.152:443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=IhuX2QBZIsW6dxMWLLCysyunP4AuQnQilS3YMyCo5trt0sg%2Fhc1Oyyht8mTRn0Aq%2BL62vaS471qzpcFb9sRfXWZla0RM5xm99H%2BHUlhH9w%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b1672722c789187-EWR
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.44.104:80 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 301 Moved Permanently
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=1L%2BcqpXveUhnWwLcw%2B1ptvSgLwLfhM3kg%2Bp787Ife8abTESC42jLrKE%2F7TXD7H44IUwVW74t%2FMBHbWHP4FV8gG01UuyL1c5ePOBtswvOyQ%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167271ff93606a-EWR
alt-svc: h3=":443"; ma=86400
Open service 172.66.44.104:443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=wunHKpMyrkzun3f1%2FVuwf4WM8DDW7rOlMWUPD9XO10EcFG3pluR9gdgoocGfxwNSToAFNb97%2BXEP1qAP2gNrp6j18j1CyfxpXcY4DXYUdA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b1672757adb5ace-BLR
alt-svc: h3=":443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.44.104:8443 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 200 OK
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 30032
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "0ba824eaa9dbe6ea46f319c05131680a"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=hdYfQR%2BtvENVkIZbFzV4DXyVnTAoHDSDlu6rjU02ycDPxcKylrG%2FwVhPcCkjFVCysNo%2BN5H72hbFQjBuVbvI5wPWP%2Fl5sik41%2F90NVLjRA%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b167275ae75af3d-BLR
alt-svc: h3=":8443"; ma=86400
Page title: Drian TchoYouTubeInstagramGitHubYouTubeInstagramGitHub
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Drian Tcho</title>
<link rel="shortcut icon" href="dist/img/logo mentah perusahaan ku.png" type="image/x-icon" />
<script>
if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
</head>
<body>
<!-- Header Start -->
<header class="absolute top-0 left-0 z-10 flex w-full items-center bg-transparent">
<div class="container">
<div class="relative flex items-center justify-between">
<div class="px-4">
<a href="#home" class="text- lg block py-6 font-bold text-primary">
<img src="dist/img/logo mentah perusahaan ku.png" alt="drian" class="md:w-18 w-16 object-cover lg:w-24" />
</a>
</div>
<div class="flex items-center px-4">
<button id="hamburger" name="hamburger" type="button" class="absolute right-4 block lg:hidden">
<span class="hamburger-line origin-top-left"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line origin-bottom-left"></span>
</button>
<nav
id="nav-menu"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 font-bold shadow-lg dark:bg-black dark:shadow-slate-700 lg:static lg:block lg:max-w-full lg:rounded-none lg:bg-transparent lg:shadow-none lg:dark:bg-transparent"
>
<ul class="block lg:flex">
<li class="group"><a href="#home" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Home</a></li>
<li class="group"><a href="#about" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">About</a></li>
<li class="group"><a href="#portfolio" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Portfolio</a></li>
<li class="group"><a href="#learning" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Learning</a></li>
<li class="group"><a href="#blog" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Blog</a></li>
<li class="group"><a href="#contact" class="mx-8 flex py-2 text-base text-black group-hover:text-primary dark:text-white">Contact</a></li>
<li class="flex items-center pl-8">
<div class="flex">
<span class="mr-2 text-sm text-slate-500">Light</span>
<input type="checkbox" class="hidden" id="darkToggle" />
<label for="darkToggle">
<div class="flex h-5 w-9 cursor-pointer items-center rounded-full bg-slate-500 p-1">
<div class="toggleCircle h-4 w-4 rounded-full bg-white transition duration-300 ease-in-out"></div>
</div>
</label>
<span class="ml-2 text-sm text-slate-500">Dark</span>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Start -->
<section id="home" class="pt-36 dark:bg-black lg:pt-24">
<div class="container">
<div class="flex flex-wrap">
<!-- Bagian Hero kiri -->
<div class="w-full self-center px-4 lg:w-1/2">
<h1 class="hiddenClass text-base font-semibold text-primary md:text-xl lg:text-2xl">Hi Everyone 馃枑, I'M<span class="mt-1 block text-4xl font-bold text-black dark:text-white lg:text-5xl">Riski Drian Pratama</span
Open service 172.66.47.152:80 路 drian.pages.dev
2025-12-21 09:45
HTTP/1.1 301 Moved Permanently
Date: Sun, 21 Dec 2025 09:45:31 GMT
Content-Length: 0
Connection: close
Location: https://drian.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=RpT0D9TwydTYdzVWB60P172d5Q4DoYNqZt%2FVTd0fbtv8FuKLiR%2BNraXcMWfVVuZSBt%2FTaxR5oGhMD9ORamMWcTk4RqlJxpS0V7hD4UpBZg%3D%3D"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9b1672716ce0ab22-YYZ
alt-svc: h3=":443"; ma=86400