| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Port Scanner - Network Security Tool</title> |
| <link rel="stylesheet" href="styles.css"> |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"> |
| </head> |
| <body> |
| <div class="container"> |
| <header class="header"> |
| <div class="header-content"> |
| <h1><i class="fas fa-network-wired"></i> Port Scanner</h1> |
| <p>Professional network port scanning tool</p> |
| </div> |
| </header> |
|
|
| <main class="main-content"> |
| <div class="scanner-form"> |
| <div class="form-group"> |
| <label for="target-ip"> |
| <i class="fas fa-globe"></i> Target IP Address |
| </label> |
| <input type="text" id="target-ip" placeholder="e.g., 192.168.1.1 or 8.8.8.8" required> |
| <button id="ping-btn" class="ping-btn" title="Test connectivity"> |
| <i class="fas fa-satellite-dish"></i> Ping |
| </button> |
| </div> |
|
|
| <div class="form-row"> |
| <div class="form-group"> |
| <label for="start-port"> |
| <i class="fas fa-play"></i> Start Port |
| </label> |
| <input type="number" id="start-port" value="1" min="1" max="65535"> |
| </div> |
| <div class="form-group"> |
| <label for="end-port"> |
| <i class="fas fa-stop"></i> End Port |
| </label> |
| <input type="number" id="end-port" value="1000" min="1" max="65535"> |
| </div> |
| </div> |
|
|
| <div class="form-row"> |
| <div class="form-group"> |
| <label for="timeout"> |
| <i class="fas fa-clock"></i> Timeout (seconds) |
| </label> |
| <input type="number" id="timeout" value="1" min="0.1" max="10" step="0.1"> |
| </div> |
| <div class="form-group"> |
| <label for="threads"> |
| <i class="fas fa-layer-group"></i> Threads |
| </label> |
| <input type="number" id="threads" value="100" min="1" max="500"> |
| </div> |
| </div> |
|
|
| <div class="preset-ports"> |
| <label>Quick Presets:</label> |
| <div class="preset-buttons"> |
| <button class="preset-btn" data-start="1" data-end="1000">Common (1-1000)</button> |
| <button class="preset-btn" data-start="1" data-end="65535">All Ports</button> |
| <button class="preset-btn" data-start="80" data-end="443">Web (80-443)</button> |
| <button class="preset-btn" data-start="20" data-end="25">FTP/SSH (20-25)</button> |
| </div> |
| </div> |
|
|
| <button id="scan-btn" class="scan-btn"> |
| <i class="fas fa-search"></i> Start Scan |
| </button> |
| </div> |
|
|
| <div class="progress-section" id="progress-section" style="display: none;"> |
| <div class="progress-bar"> |
| <div class="progress-fill" id="progress-fill"></div> |
| </div> |
| <div class="progress-text" id="progress-text">Preparing scan...</div> |
| </div> |
|
|
| <div class="results-section" id="results-section" style="display: none;"> |
| <div class="results-header"> |
| <h2><i class="fas fa-list-ul"></i> Scan Results</h2> |
| <div class="results-summary" id="results-summary"></div> |
| </div> |
| |
| <div class="results-actions"> |
| <button id="export-btn" class="export-btn"> |
| <i class="fas fa-download"></i> Export Results |
| </button> |
| <button id="clear-btn" class="clear-btn"> |
| <i class="fas fa-trash"></i> Clear Results |
| </button> |
| </div> |
|
|
| <div class="results-table-container"> |
| <table class="results-table" id="results-table"> |
| <thead> |
| <tr> |
| <th>Port</th> |
| <th>Status</th> |
| <th>Service</th> |
| <th>Protocol</th> |
| </tr> |
| </thead> |
| <tbody id="results-tbody"> |
| </tbody> |
| </table> |
| </div> |
| </div> |
|
|
| <div class="info-section"> |
| <div class="info-card"> |
| <h3><i class="fas fa-info-circle"></i> About Port Scanning</h3> |
| <p>Port scanning is a method for determining which ports on a network are open and could be receiving or sending data. This tool uses TCP connect scanning to test connectivity to specific ports on target systems.</p> |
| |
| <div class="common-ports"> |
| <h4>Common Ports:</h4> |
| <div class="port-list"> |
| <span class="port-item">22 (SSH)</span> |
| <span class="port-item">23 (Telnet)</span> |
| <span class="port-item">25 (SMTP)</span> |
| <span class="port-item">53 (DNS)</span> |
| <span class="port-item">80 (HTTP)</span> |
| <span class="port-item">110 (POP3)</span> |
| <span class="port-item">143 (IMAP)</span> |
| <span class="port-item">443 (HTTPS)</span> |
| <span class="port-item">993 (IMAPS)</span> |
| <span class="port-item">995 (POP3S)</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </main> |
|
|
| <footer class="footer"> |
| <p>© 2024 Port Scanner Tool. Use responsibly and only on networks you own or have permission to test.</p> |
| </footer> |
| </div> |
|
|
| <div id="notification" class="notification"></div> |
|
|
| <script src="script.js"></script> |
| </body> |
| </html> |
|
|
|
|
