Html codes

<div class="gallery"> <img src="https://picsum.photos/id/1015/400/300" alt="Gallery Image"> <img src="https://picsum.photos/id/1016/400/300" alt="Gallery Image"> <img src="https://picsum.photos/id/1019/400/300" alt="Gallery Image"> </div> <style> .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; padding: 10px; } .gallery img { width: 100%; height: auto; border-radius: 10px; } </style>

✅ Works on all devices
✅ No JavaScript needed
✅ Fast and mobile-friendly

🔁 Copy, paste, and try it now!

💬 Let me know if you want the same gallery with hover effects or lightbox!

#HTML #CSS #WebDev #Html_codee

79 views03:02

Html codes

This media is not supported in the widget

VIEW IN TELEGRAM

82 views03:13

Html codes

AI telegram bot.php

25.4 KB

Ai telegram bot code for free!

84 views08:07

Html codes

modern_credit_card.html

7.3 KB

91 views02:29

Html codes

💻🧠 Top 10 Neural Networks for Coding Assistance

1.Chatgpt.com
2.deepseek.com
3.claude.ai
4.replit.com
5.deepcode.ai
6.github.com/copilot
7.tabnine.com
8.codeium.com
9.sourcegraph.com/cody
10.cursor.so

🔥 Bonus: blackbox.ai
🧑‍💻 #CodingAI
⚙️ #DevTools
🌐 #WebsitesAI

95 views09:37

Html codes

CodePen Blog
Chris’ Corner: Type Stuff!

Let’s do typography stuff!

* Video: “A live demo by me of early font editors on a real Macintosh Plus” by Mark Simonson
* Font: “Is this font easy for you to read? Good—that’s the idea.” Hyperlegible is the name of the font, designed for people with low vision.
* Technique: “Fluid typography means thinking in terms of type scales and flexible spacing across your defined design space.” Richard Rutter goes retrofitting a new type sizing technique into an old layout. Miriam is also thinking about all this. Richard also has a good one on avoiding faux bold, which has afflicted me many times. My hot take is that browsers shouldn’t do faux nuthin.
* Font: “To help young readers of all skill levels, we’re introducing Kermit, a child-friendly typeface created by the type design studio Underware.” It’s fairly pricey but I can imagine it being perfect for some projects. Like Comic Sans but cooler. P.S. you should really try Comic Code on CodePen, it’s awesome.
* Fonts: “UNCUT.wtf is a free typeface catalogue, focusing on somewhat contemporary type.” A lot of them are super similar which makes me wonder if many of them come from students taking a design class or something.
* Journey: “One day, I saw what felt like Gorton on a ferry traversing the waters Bay Area. A few weeks later, I spotted it on a sign in a national park. Then on an intercom. On a street lighting access cover. In an elevator. At my dentist’s office. In an alley.” Marcin Wichary on Manhattan’s hardest working typeface.
* Performance: “… file sizes of web fonts? I personally don’t have a gut feeling how much is too much and how much is to be expected.” Stoyan Stefanov reckons 20k is fair.
* Behind the Scenes: “This meant that on web we could simply start our font stacks with Verdana, pick a couple of reasonable fallbacks, and get IKEA branding effectively for free.” IKEA didn’t end up using Verdana, but I wish they did, I kinda love it at small sizes. This is a great look at a major typographic choice at a major brand from Robin Whittleton.
* Technique: “…we added text-wrap: balance on WordPress.org, and quickly got community feedback that it led to awkward, unexpected breaks in Japanese and Korean.” Kelly Choyce-Dwan whips out stuff like word-break: auto-phrase; for the win.

92 views20:19

Html codes

3d multiplayer game.html

30.6 KB

77 views09:23

Html codes

<div class="glass-box">
  <h3>Hello UI!</h3>
</div>

<style>
  .glass-box {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px;
    border-radius: 10px;
    color: white;
  }

  body {
    background: url('https://picsum.photos/800/600') no-repeat center/cover;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>

70 views02:20

Html codes

WhatsApp.html

36 KB

WHATSAPP clone new version with real time chat

@Html_codee

58 views07:18

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Apple Logo SVG</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f5f5f7;
        }
        .apple-logo {
            width: 150px;
            height: 150px;
        }
        .apple-logo:hover {
            filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.3));
        }
    </style>
</head>
<body>
    <svg class="apple-logo" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <!-- Apple logo shape -->
        <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z" 
              fill="#000"/>
    </svg>
</body>
</html>

68 views16:56

67 views05:10

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Neon Watch</title>
  <style>
    body {
      margin: 0;
      height: 100vh;
      background-color: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: 'Courier New', Courier, monospace;
    }

    .watch {
      color: #0ff;
      font-size: 5em;
      text-shadow:
        0 0 5px #0ff,
        0 0 10px #0ff,
        0 0 20px #0ff,
        0 0 40px #f0f,
        0 0 80px #f0f;
      transition: text-shadow 0.5s ease-in-out;
    }

    .watch:hover {
      text-shadow:
        0 0 10px #0ff,
        0 0 20px #0ff,
        0 0 40px #0ff,
        0 0 80px #f0f,
        0 0 160px #f0f;
    }
  </style>
</head>
<body>
  <div class="watch" id="neonWatch">00:00:00</div>

  <script>
    function updateClock() {
      const now = new Date();
      let hours = now.getHours().toString().padStart(2, '0');
      let minutes = now.getMinutes().toString().padStart(2, '0');
      let seconds = now.getSeconds().toString().padStart(2, '0');
      document.getElementById('neonWatch').textContent = `${hours}:${minutes}:${seconds}`;
    }

    setInterval(updateClock, 1000);
    updateClock(); // Initial call to display time immediately
  </script>
</body>
</html>

73 views04:16

Html codes

Who is making the Web standards?

Anonymous Quiz

Google

50%

The World Wide Web Committee

The World Wide Web Consortium

50%

The World Wide Web School

2 voters56 views04:26

Html codes

Forwarded from Cybersecurity & ethical hacking

🛑 Can PDF, MP3 & other files contain viruses? YES!

Here’s how 👇

📄 PDF Files
PDFs can contain JavaScript like this:

app.alert("You are infected!");

⚠️ They may:

• Run scripts automatically
• Redirect to phishing sites
• Contain hidden EXE/BAT files

🎵 MP3 Files
MP3s are audio, but still risky!
Example: song.mp3.exe
If file extensions are hidden, it looks safe — but it's actually a virus.
Some media players also have bugs that can be exploited via corrupted tags.

🧾 Other risky file types:
• .docm, .xlsm → Macros (malicious code)
• .zip, .rar → Hidden payloads
• .scr, .bat, .cmd → Scripts

🔐 Stay safe:

✅ Show full file extensions
✅ Don’t open unknown attachments
✅ Keep antivirus up to date
✅ Disable JavaScript in PDF readers
✅ Avoid double extensions

💡 Even files that “look normal” can be deadly.

Want a real example for learning (education only)? DM me.

#CyberSecurity #Malware #TelegramTips

@cybersecurity_html

45 views13:49

Html codes

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Hello with Lottie</title>
  <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background: #f0f0f0;
    }
  </style>
</head>
<body>

  <lottie-player 
    src="https://assets2.lottiefiles.com/packages/lf20_w51pcehl.json"  
    background="transparent"  
    speed="1"  
    style="width: 300px; height: 300px;"  
    loop  
    autoplay>
  </lottie-player>

</body>
</html>

63 views15:16

About

Blog

Apps

Platform