ShortcutKeyOfComputers.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shortcut Keys Guide</title>
    <style>
        /* Google Font */
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        body {
            background: linear-gradient(135deg, #1f4037, #99f2c8);
            color: white;
            text-align: center;
            padding: 20px;
            cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23ff0000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="9" cy="10" r="1"></circle><circle cx="15" cy="10" r="1"></circle><path d="M8 16L12 14L16 16"></path></svg>'), auto;
        }

        header {
            background: rgba(0, 0, 0, 0.3);
            padding: 20px;
            border-radius: 10px;
        }

        h1 {
            font-size: 2rem;
        }

        input {
            width: 80%;
            padding: 10px;
            margin-top: 10px;
            border-radius: 5px;
            border: none;
            font-size: 1rem;
            outline: none;
        }

        main {
            margin-top: 20px;
        }

        section {
            background: rgba(255, 255, 255, 0.2);
            padding: 15px;
            margin: 15px auto;
            width: 80%;
            border-radius: 10px;
            transition: 0.3s ease-in-out;
        }

        section:hover {
            transform: scale(1.02);
        }

        h2 {
            font-size: 1.5rem;
            margin-bottom: 10px;
        }

        ul {
            list-style: none;
        }

        li {
            font-size: 1.1rem;
            padding: 8px 0;
        }

        footer {
            margin-top: 30px;
            font-size: 1rem;
            padding: 10px;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 5px;
        }
    </style>
    <script>
        document.getElementById("search").addEventListener("keyup", function() {
    let searchQuery = this.value.toLowerCase();
    let sections = document.querySelectorAll("section");

    sections.forEach(section => {
        let found = false;
        let items = section.querySelectorAll("li");
        
        items.forEach(item => {
            if (item.innerText.toLowerCase().includes(searchQuery)) {
                item.style.display = "block";
                found = true;
            } else {
                item.style.display = "none";
            }
        });

        section.style.display = found ? "block" : "none";
    });
});

    </script>
</head>

<body>

    <header>
        <h1>💻 Ultimate Shortcut Keys Guide ⌨️</h1>
        <input type="text" id="search" placeholder="🔍 Search for a shortcut...">
    </header>

    <main id="shortcuts">

        <section>
            <h2>🖥 General Shortcuts</h2>
            <ul>
                <li><b>CTRL + A</b> → Select All</li>
                <li><b>CTRL + C</b> → Copy</li>
                <li><b>CTRL + X</b> → Cut</li>
                <li><b>CTRL + V</b> → Paste</li>
                <li><b>CTRL + Z</b> → Undo</li>
                <li><b>CTRL + Y</b> → Redo</li>
                <li><b>CTRL + B</b> → Bold</li>
                <li><b>CTRL + U</b> → Underline</li>
                <li><b>CTRL + I</b> → Italic</li>
                <li><b>CTRL + P</b> → Print</li>
                <li><b>CTRL + S</b> → Save</li>
                <li><b>CTRL + O</b> → Open File</li>
                <li><b>CTRL + N</b> → New Document</li>
                <li><b>CTRL + F</b> → Find</li>
                <li><b>CTRL + H</b> → Replace</li>
                <li><b>CTRL + SHIFT + S</b> → Save As</li>
                <li><b>CTRL + D</b> → Bookmark</li>
                <li><b>CTRL + SHIFT + V</b> → Paste Without Formatting</li>
            </ul>
        </section>

        <section>
            <h2>📂 File Explorer Shortcuts</h2>
            <ul>
                <li><b>CTRL + SHIFT + N</b> → Create New Folder</li>
                <li><b>ALT + ENTER</b> → View Properties</li>
                <li><b>SHIFT + DELETE</b> → Permanently Delete</li>
                <li><b>ALT + D</b> → Select Address Bar</li>
                <li><b>WINKEY + E</b> → Open File Explorer</li>
                <li><b>WINKEY + D</b> → Show Desktop</li>
                <li><b>ALT + LEFT</b> → Back</li>
                <li><b>ALT + RIGHT</b> → Forward</li>
                <li><b>ALT + UP</b> → Up One Level</li>
                <li><b>CTRL + N</b> → Open New Explorer Window</li>
                <li><b>F2</b> → Rename File</li>
                <li><b>F5</b> → Refresh Window</li>
            </ul>
        </section>

        <section>
            <h2>🖥 Windows Shortcuts</h2>
            <ul>
                <li><b>WINKEY + L</b> → Lock Computer</li>
                <li><b>WINKEY + R</b> → Open Run Dialog</li>
                <li><b>WINKEY + TAB</b> → Task View</li>
                <li><b>WINKEY + P</b> → Project Screen</li>
                <li><b>WINKEY + I</b> → Open Settings</li>
                <li><b>WINKEY + S</b> → Search</li>
                <li><b>WINKEY + V</b> → Clipboard History</li>
                <li><b>WINKEY + "+" or "-"</b> → Magnifier</li>
                <li><b>WINKEY + ,</b> → Peek at Desktop</li>
                <li><b>WINKEY + Ctrl + D</b> → Create Virtual Desktop</li>
                <li><b>WINKEY + Ctrl + F4</b> → Close Virtual Desktop</li>
            </ul>
        </section>

        <section>
            <h2>🌐 Browser Shortcuts</h2>
            <ul>
                <li><b>CTRL + T</b> → New Tab</li>
                <li><b>CTRL + W</b> → Close Tab</li>
                <li><b>CTRL + SHIFT + T</b> → Reopen Closed Tab</li>
                <li><b>CTRL + L</b> → Focus Address Bar</li>
                <li><b>CTRL + R</b> → Refresh</li>
                <li><b>CTRL + SHIFT + DELETE</b> → Clear Browsing Data</li>
                <li><b>CTRL + 1 to 9</b> → Switch Tabs</li>
                <li><b>CTRL + F5</b> → Hard Refresh</li>
                <li><b>CTRL + N</b> → Open New Browser Window</li>
                <li><b>CTRL + SHIFT + P</b> → Open Incognito Mode</li>
            </ul>
        </section>

        <section>
            <h2>💻 Programming Shortcuts</h2>
            <ul>
                <li><b>CTRL + /</b> → Comment Code (VS Code, Sublime, etc.)</li>
                <li><b>CTRL + D</b> → Duplicate Line</li>
                <li><b>CTRL + SHIFT + K</b> → Delete Line</li>
                <li><b>ALT + UP/DOWN</b> → Move Line Up/Down</li>
                <li><b>CTRL + SHIFT + L</b> → Select All Occurrences</li>
                <li><b>CTRL + ENTER</b> → Insert Line Below</li>
                <li><b>CTRL + SHIFT + ENTER</b> → Insert Line Above</li>
                <li><b>CTRL + SHIFT + ALT + Up/Down</b> → Multi-Cursor Editing</li>
                <li><b>CTRL + SHIFT + M</b> → Show Errors/Warnings (VS Code)</li>
            </ul>
        </section>

        <section>
            <h2>💻 VS & VS Code Shortcuts</h2>
            <ul>
                <li><b>CTRL + P</b> → Quick Open</li>
                <li><b>CTRL + SHIFT + P</b> → Open Command Palette</li>
                <li><b>CTRL + B</b> → Toggle Sidebar</li>
                <li><b>CTRL + /</b> → Comment/Uncomment Line</li>
                <li><b>CTRL + D</b> → Duplicate Line</li>
                <li><b>ALT + ↑ / ↓</b> → Move Line Up/Down</li>
                <li><b>CTRL + SHIFT + K</b> → Delete Line</li>
                <li><b>CTRL + ENTER</b> → Insert Line Below</li>
                <li><b>CTRL + SHIFT + ENTER</b> → Insert Line Above</li>
                <li><b>CTRL + SHIFT + M</b> → Show Errors & Warnings</li>
                <li><b>CTRL + SHIFT + O</b> → Go to Symbol</li>
                <li><b>CTRL + TAB</b> → Switch Between Tabs</li>
                <li><b>CTRL + SHIFT + F</b> → Search in Files</li>
                <li><b>CTRL + SHIFT + H</b> → Replace in Files</li>
                <li><b>CTRL + `</b> → Toggle Terminal</li>
                <li><b>CTRL + K + C</b> → Add Block Comment</li>
                <li><b>CTRL + K + U</b> → Remove Block Comment</li>
                <li><b>F12</b> → Go to Definition</li>
                <li><b>ALT + Click</b> → Multi-Cursor</li>
                <li><b>CTRL + K + S</b> → Open Keyboard Shortcuts</li>
            </ul>
        </section>

        <section>
            <h2>🔠 MS Word & Docs Shortcuts</h2>
            <ul>
                <li><b>CTRL + K</b> → Insert Hyperlink</li>
                <li><b>CTRL + SHIFT + C</b> → Copy Formatting</li>
                <li><b>CTRL + SHIFT + V</b> → Paste Formatting</li>
                <li><b>CTRL + SHIFT + 8</b> → Show Paragraph Marks</li>
                <li><b>CTRL + 1</b> → Single Spacing</li>
                <li><b>CTRL + 2</b> → Double Spacing</li>
                <li><b>CTRL + 5</b> → 1.5 Line Spacing</li>
            </ul>
        </section>

    </main>

    <footer>
        <p>🚀 Designed with ❤️ by <b><a href="https://github.com/ExploitInject" target="_blank"
                    style="text-decoration: none; color: inherit;">ExploitInject</a></b></p>
    </footer>

</body>

</html>