https://pokpong.net/

ID de exploración:
df555cd9-9096-4839-8cf2-814a10e77863Finalizado
URL enviada:
https://pokpong.net/
Informe finalizado:
EnlaceTexto
https://github.com/MCPETH/kinraideeเย็นนี้กินอะไรดีถ้าคุณไม่รู้จะกินอะไรดีลองเว็บนี้เลย | Github
NombreTipo
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
__cfQRobject
__cfRLUnblockHandlersboolean
uidEventnumber
bootstrapobject
AOSobject
__cfBeaconobject
<!DOCTYPE html><html lang="th"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"></noscript>
    <style type="text/css">@font-face {font-family:Prompt;font-style:normal;font-weight:300;src:url(/cf-fonts/s/prompt/5.0.12/latin/300/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:300;src:url(/cf-fonts/s/prompt/5.0.12/latin-ext/300/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:300;src:url(/cf-fonts/s/prompt/5.0.12/vietnamese/300/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:300;src:url(/cf-fonts/s/prompt/5.0.12/thai/300/normal.woff2);unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:500;src:url(/cf-fonts/s/prompt/5.0.12/latin-ext/500/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:500;src:url(/cf-fonts/s/prompt/5.0.12/thai/500/normal.woff2);unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:500;src:url(/cf-fonts/s/prompt/5.0.12/latin/500/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:500;src:url(/cf-fonts/s/prompt/5.0.12/vietnamese/500/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:700;src:url(/cf-fonts/s/prompt/5.0.12/latin/700/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:700;src:url(/cf-fonts/s/prompt/5.0.12/vietnamese/700/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:700;src:url(/cf-fonts/s/prompt/5.0.12/thai/700/normal.woff2);unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:Prompt;font-style:normal;font-weight:700;src:url(/cf-fonts/s/prompt/5.0.12/latin-ext/700/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Prompt:wght@300;500;700&display=swap"></noscript>
<link rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" integrity="sha512-BnbUDfEUfV0Slx6TunuB042k9tuKe3xrD6q4mg5Ed72LTgzDIcLPxg6yI2gcMFRyomt+yJJxE+zJwNmxki6/RA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" integrity="sha512-BnbUDfEUfV0Slx6TunuB042k9tuKe3xrD6q4mg5Ed72LTgzDIcLPxg6yI2gcMFRyomt+yJJxE+zJwNmxki6/RA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
    <link rel="stylesheet" as="style" onload="this.onload=null;this.rel='stylesheet'" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer">
    <noscript>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    </noscript>
    <title>pokpong.net | MYPROJECT</title>
    <meta name="description" content="Welcome to pokpong.net and this is my projects.">
    <meta name="keywords" content="Pokpong, https://pokpong.net, www.pokpong.net, pokpong.net, MYPROJECT, landing page, coding projects, portfolio, GitHub, probability calculator, learning tools">
    <meta name="author" content="Pokpong">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://pokpong.net/">
    <meta property="og:title" content="Pokpong.net | MYPROJECT Landing Page">
    <meta property="og:description" content="Welcome to pokpong.net and this is my projects.">
    <meta property="og:image" content="https://pokpong.net/img/banner.webp"> 
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="Pokpong.net">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://pokpong.net/">
    <meta name="twitter:title" content="Pokpong.net | MYPROJECT Landing Page">
    <meta name="twitter:description" content="Welcome to pokpong.net and this is my projects.">
    <meta name="twitter:image" content="https://pokpong.net/img/banner.webp">
    <meta name="robots" content="index, follow"> 
    <meta name="googlebot" content="index, follow">
    <meta name="referrer" content="no-referrer-when-downgrade">
    <link rel="canonical" href="https://pokpong.net/">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/svg+xml" href="favicon.svg">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
    <meta name="apple-mobile-web-app-title" content="pokpong.net">
    <link rel="manifest" href="site.webmanifest">

    <style>
 body{
            font-family: 'Prompt', sans-serif;
            background-image: linear-gradient(180deg, black 40%, #DB1F48);
            height: 100%;
            width: 100%;
            margin: 0;
            background-repeat: no-repeat, no-repeat;
            scroll-behavior: smooth;
            background-color: #DB1F48;
        }



        main {
            height: 100vh;
        }


        .title-main {
            font-size: 4rem;
            font-weight: bold;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3), 0px 0px 8px rgba(255, 255, 255, 0.7);
        }
        .subtitle {
            font-size: 1.5rem;
            font-weight: bold;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
        }

        .project-card {
            position: relative;
            overflow: hidden;
            border-radius: 0.5rem;
            box-shadow: none;
            height: 300px;
            transition: transform 0.3s;
        }
        .project-card:hover {
            transform: scale(1.05) !important;
        }
        .project-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.5rem;
        }
        .overlay {
           
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            border-radius: 0.5rem;
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.7);
        }
        .project-title, .project-description {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.7);
        }
        .project-title {
            font-size: 1.25rem;
        }
        .project-description {
            font-size: 0.875rem;
        }
        .scroll-button {
            transition: transform 0.3s !important;
        }
        .scroll-button:hover {
            transform: scale(1.1) !important;
        }
        .pokpong {
            text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.7) !important;
        }
        footer a {
    text-decoration: none !important;
}

    </style>
</head>
<body data-aos-easing="ease" data-aos-duration="300" data-aos-delay="0">
    <noscript>You need to enable JavaScript to run this app. แต่จริงๆก็ไม่จำเป็นหรอกบอกเฉยๆ</noscript>
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark">
        <span class="container p-2">
            <a class="navbar-brand pokpong" href="/">POKPONG.NET</a>
        </span>
    </nav>

    <main class="align-items-center d-flex">
        <div class="container">
            <div class="row">
                <div class="col text-center text-white">
                    <h1 class="title-main aos-init aos-animate" data-aos="fade-down">MYPROJECT</h1>
                    <p class="subtitle aos-init aos-animate" data-aos="fade-down" data-aos-delay="300">pokpong.net</p>
                    <a class="btn btn-outline-light btn-lg scroll-button aos-init aos-animate" href="#MYPROJECT" data-aos="fade-up" data-aos-delay="300">
                        <i class="fas fa-arrow-down"></i> Scroll
                    </a>
                </div>
            </div>
        </div>
    </main>

    <div id="MYPROJECT" class="container p-5 mb-5 showcase">
        <div class="row">
            <div class="col-md-4 project-card mb-5 aos-init" data-aos="fade-up">
                <a href="https://github.com/MCPETH/kinraidee" target="_blank" class="project-link">
                    <img src="img/1.webp" loading="lazy" alt="Project Image">
                    <div class="overlay">
                        <h2 class="project-title">เย็นนี้กินอะไรดี</h2>
                        <p class="project-description">ถ้าคุณไม่รู้จะกินอะไรดีลองเว็บนี้เลย | Github</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 project-card mb-5 aos-init" data-aos="fade-up">
                <a href="#" class="project-link">
                    <img src="img/0.webp" loading="lazy" alt="Project Image">
                    <div class="overlay">
                        <h2 class="project-title">ติดตามความก้าวหน้าทางการเรียน</h2>
                        <p class="project-description">ของนักเรียน</p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 project-card mb-5 aos-init" data-aos="fade-up">
                <a href="https://qz27.pokpong.net" target="_blank" class="project-link">
                    <img src="img/2.webp" loading="lazy" alt="Project Image">
                    <div class="overlay">
                        <h2 class="project-title">Combinatoric</h2>
                        <p class="project-description">แอปคำนวณความเป็นไปได้ในการทอยลูกเต๋า</p>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <footer>
        <div class="container p-1 text-center text-light">
            <p>© Pokpong.net Copyright 2024 | 
                <a href="mailto:[email protected]" class="text-white">[email protected]</a>
             </p>
        </div>
    </footer>

    <script defer="" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" as="script" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" type="text/javascript"></script>

    <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" as="script" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer" type="text/javascript"></script>
    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            AOS.init({
                duration: 300,
            });
        });
    </script>
<!-- Cloudflare Pages Analytics --><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;: &quot;06f15f29b286432497b0332f8cffa1cd&quot;}" type="text/javascript"></script><!-- Cloudflare Pages Analytics --><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8dec062d7fba69fd',t:'MTczMDk2ODg4NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>

</body></html>