codeprac.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tech Learning & Practice Platforms</title>
    <link rel="stylesheet" href="codeprac.css">
</head>
<nav class="navbar">
    <div class="logo">Tech Platforms</div>
    <ul class="nav-links">
       
        <li><a href="index.html">Home</a></li>
        <li><a href="#competitive">Competitive Programming</a></li>

        <li><a href="#datascience">Data Science</a></li>
        <li><a href="#webdev">Web Development</a></li>
        <li><a href="#general">General Learning</a></li>
    </ul>
</nav>

<body>
    <div class="container">
        <h1>Tech Learning & Practice Platforms</h1>
        <input type="text" id="searchBar" placeholder="Search platform..." onkeyup="filterPlatforms()">

        <div id="platformList">
            <h2>🏆 Competitive Programming</h2>
            <a href="https://codeforces.com/" class="platform" target="_blank">Codeforces</a>
            <a href="https://www.codechef.com/" class="platform" target="_blank">CodeChef</a>
            <a href="https://leetcode.com/" class="platform" target="_blank">LeetCode</a>
            <a href="https://www.hackerrank.com/" class="platform" target="_blank">HackerRank</a>
            <a href="https://www.hackerearth.com/" class="platform" target="_blank">HackerEarth</a>
            <a href="https://atcoder.jp/" class="platform" target="_blank">AtCoder</a>
            <a href="https://cses.fi/" class="platform" target="_blank">CSES</a>
            <a href="https://www.topcoder.com/" class="platform" target="_blank">TopCoder</a>

            <h2>🛡 Cybersecurity & Ethical Hacking</h2>
            <a href="https://www.hackthebox.com/" class="platform" target="_blank">Hack The Box</a>
            <a href="https://www.tryhackme.com/" class="platform" target="_blank">TryHackMe</a>
            <a href="https://overthewire.org/wargames/" class="platform" target="_blank">OverTheWire</a>
            <a href="https://www.root-me.org/" class="platform" target="_blank">Root Me</a>
            <a href="https://ctflearn.com/" class="platform" target="_blank">CTF Learn</a>
            <a href="https://picoctf.org/" class="platform" target="_blank">picoCTF</a>

            <h2>🖥 DevOps & Cloud Computing</h2>
            <a href="https://www.docker.com/" class="platform" target="_blank">Docker</a>
            <a href="https://kubernetes.io/" class="platform" target="_blank">Kubernetes</a>
            <a href="https://www.jenkins.io/" class="platform" target="_blank">Jenkins</a>
            <a href="https://aws.amazon.com/" class="platform" target="_blank">AWS</a>
            <a href="https://cloud.google.com/" class="platform" target="_blank">Google Cloud</a>

            <h2>📊 Data Science & AI</h2>
            <a href="https://www.kaggle.com/" class="platform" target="_blank">Kaggle</a>
            <a href="https://www.tensorflow.org/" class="platform" target="_blank">TensorFlow</a>
            <a href="https://scikit-learn.org/" class="platform" target="_blank">Scikit-Learn</a>

            <h2>🌍 Web Development & Full-Stack</h2>
            <a href="https://www.w3schools.com/" class="platform" target="_blank">W3Schools</a>
            <a href="https://developer.mozilla.org/" class="platform" target="_blank">MDN Web Docs</a>
            <a href="https://www.freecodecamp.org/" class="platform" target="_blank">freeCodeCamp</a>

            <h2>💡 General Coding & Learning</h2>
            <a href="https://www.geeksforgeeks.org/" class="platform" target="_blank">GeeksforGeeks</a>
            <a href="https://www.udemy.com/" class="platform" target="_blank">Udemy</a>
            <a href="https://www.coursera.org/" class="platform" target="_blank">Coursera</a>
            <a href="https://www.edx.org/" class="platform" target="_blank">edX</a>
        </div>
    </div>

    <script src="codeprac.js"></script>
</body>
</html>