250 lines
11 KiB
HTML
250 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>cardbingenerator</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
<!-- Telegram Promotion Modal -->
|
||
<div id="telegramModal" class="modal-overlay">
|
||
<div class="modal-content">
|
||
<button class="modal-close" id="modalCloseBtn">×</button>
|
||
<div class="modal-header">
|
||
<div class="modal-icon">📱</div>
|
||
<h3 class="modal-title">Join Our Community</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p class="modal-description">Get access to more hacks, tools, and exclusive content!</p>
|
||
<div class="modal-links">
|
||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="modal-link telegram-link">
|
||
<span class="modal-link-icon">💬</span>
|
||
<div class="modal-link-content">
|
||
<div class="modal-link-title">Join Telegram Group</div>
|
||
<div class="modal-link-subtitle">More Hacks & Tools</div>
|
||
</div>
|
||
</a>
|
||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="modal-link temp-link">
|
||
<span class="modal-link-icon">📞</span>
|
||
<div class="modal-link-content">
|
||
<div class="modal-link-title">Temp Number Service</div>
|
||
<div class="modal-link-subtitle">Virtual SMS Bot</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="modal-timer">
|
||
<span id="modalTimer">5</span>s
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="header">
|
||
<div class="header-left">
|
||
<div class="logo">💳</div>
|
||
<h2>cardbingenerator</h2>
|
||
</div>
|
||
<div class="branding">
|
||
<div class="brand-name">Blackhat_bullet</div>
|
||
<div class="brand-links">
|
||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="brand-link">YouTube</a>
|
||
<a href="https://cardbingenerator.com/" target="_blank" class="brand-link">BIN Site</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="tabs">
|
||
<button class="tab-btn active" data-tab="general">
|
||
<span class="tab-icon">⚡</span>
|
||
<span>General</span>
|
||
</button>
|
||
<button class="tab-btn" data-tab="binlist">
|
||
<span class="tab-icon">💎</span>
|
||
<span>BIN List</span>
|
||
</button>
|
||
<button class="tab-btn" data-tab="settings">
|
||
<span class="tab-icon">⚙️</span>
|
||
<span>Settings</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<!-- General Tab -->
|
||
<div id="general-tab" class="tab-content active">
|
||
<div class="section">
|
||
<div class="section-header">
|
||
<span class="section-icon">💳</span>
|
||
<h3>Card Generator</h3>
|
||
</div>
|
||
|
||
<div class="input-group">
|
||
<label for="binInput">BIN Template:</label>
|
||
<div class="input-with-btn">
|
||
<input type="text" id="binInput" placeholder="Enter BIN (e.g. 552461)" maxlength="19">
|
||
<button id="addBinBtn" class="icon-btn" title="Save to history">
|
||
<span>+</span>
|
||
</button>
|
||
<button id="settingsToggleBtn" class="icon-btn settings-btn" title="Settings">
|
||
<span>⚙️</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Mini settings dropdown -->
|
||
<div id="miniSettings" class="mini-settings">
|
||
<div class="mini-settings-item">
|
||
<label class="mini-checkbox-label">
|
||
<input type="checkbox" id="useLuhnValidation" checked>
|
||
<span class="mini-checkbox-custom"></span>
|
||
<span class="mini-checkbox-text">Card Validation</span>
|
||
</label>
|
||
</div>
|
||
|
||
<div class="mini-settings-divider"></div>
|
||
|
||
<div class="mini-settings-item">
|
||
<div class="mini-settings-label">🏠 Address Source:</div>
|
||
<select id="addressSourceSelect" class="mini-select">
|
||
<option value="static">Static (Built-in)</option>
|
||
<option value="manual">Manual (Custom)</option>
|
||
<option value="auto" disabled>Auto (Coming Soon)</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="mini-settings-item">
|
||
<div class="mini-settings-label">👤 Name Source:</div>
|
||
<select id="nameSourceSelect" class="mini-select">
|
||
<option value="static">Static (Built-in)</option>
|
||
<option value="manual">Manual (Custom)</option>
|
||
<option value="auto" disabled>Auto (Coming Soon)</option>
|
||
</select>
|
||
<div class="mini-settings-hint">Names are taken from addresses</div>
|
||
</div>
|
||
</div>
|
||
|
||
<small style="color: var(--text-muted); font-size: 12px; margin-top: 4px; display: block;">
|
||
Auto-fills with 'x' to 16 digits • Max 19 digits for long cards
|
||
</small>
|
||
</div>
|
||
|
||
<button id="generateCardsBtn" class="btn btn-primary">
|
||
<span class="btn-icon">🚀</span>
|
||
<span>Fill Everything</span>
|
||
</button>
|
||
|
||
<div class="status-message" id="statusMessage"></div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<div class="section-header">
|
||
<span class="section-icon">📜</span>
|
||
<h3>History</h3>
|
||
</div>
|
||
<div id="binHistoryList" class="history-list"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- BIN List Tab -->
|
||
<div id="binlist-tab" class="tab-content">
|
||
<div class="section">
|
||
<div class="section-header">
|
||
<span class="section-icon">💎</span>
|
||
<h3>BIN Generator</h3>
|
||
</div>
|
||
<div style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; gap: 20px;">
|
||
<div style="font-size: 64px; opacity: 0.4;">💎</div>
|
||
<div style="font-size: 24px; font-weight: 700; color: var(--text-primary); text-align: center;">
|
||
Powered by cardbingenerator
|
||
</div>
|
||
<div style="font-size: 13px; color: var(--text-secondary); text-align: center; max-width: 320px; line-height: 1.6;">
|
||
Visit <a href="https://cardbingenerator.com/" target="_blank" style="color: var(--accent-primary); text-decoration: none; font-weight: 600;">cardbingenerator.com</a> for advanced BIN generation with multiple card networks, formats, and validation options.
|
||
</div>
|
||
<a href="https://cardbingenerator.com/" target="_blank" class="btn btn-primary" style="margin-top: 10px; text-decoration: none; display: inline-flex; width: auto; padding: 12px 24px;">
|
||
<span>Visit BIN Generator</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-branding">
|
||
<div class="footer-branding-title">Powered by Blackhat_bullet</div>
|
||
<div class="footer-branding-links">
|
||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="footer-branding-link">📺 YouTube Channel</a>
|
||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="footer-branding-link">💬 Telegram Group</a>
|
||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="footer-branding-link">📞 Temp SMS</a>
|
||
<a href="https://cardbingenerator.com/" target="_blank" class="footer-branding-link">💳 BIN Generator</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Settings Tab -->
|
||
<div id="settings-tab" class="tab-content">
|
||
<div class="sub-tabs">
|
||
<button class="sub-tab-btn active" data-subtab="addresses">
|
||
<span>🏠 Addresses</span>
|
||
</button>
|
||
<button class="sub-tab-btn" data-subtab="names">
|
||
<span>👤 Names</span>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Addresses SubTab -->
|
||
<div id="addresses-subtab" class="sub-tab-content active">
|
||
<div class="form-group-compact">
|
||
<input type="text" id="nameInput" placeholder="Full Name" class="form-input">
|
||
<input type="text" id="address1Input" placeholder="Address Line 1" class="form-input">
|
||
<input type="text" id="address2Input" placeholder="Address Line 2 (optional)" class="form-input">
|
||
<div class="input-row">
|
||
<input type="text" id="cityInput" placeholder="City" class="form-input">
|
||
<input type="text" id="stateInput" placeholder="State" class="form-input">
|
||
</div>
|
||
<input type="text" id="zipInput" placeholder="ZIP Code" class="form-input">
|
||
<button id="addAddressBtn" class="btn btn-secondary btn-sm">
|
||
<span class="btn-icon">+</span>
|
||
<span>Add</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="list-container-compact">
|
||
<div id="addressesList"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Names SubTab -->
|
||
<div id="names-subtab" class="sub-tab-content">
|
||
<div class="form-group-compact">
|
||
<div class="input-row">
|
||
<input type="text" id="firstNameInput" placeholder="First Name" class="form-input">
|
||
<input type="text" id="lastNameInput" placeholder="Last Name" class="form-input">
|
||
</div>
|
||
<button id="addNameBtn" class="btn btn-secondary btn-sm">
|
||
<span class="btn-icon">+</span>
|
||
<span>Add</span>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="list-container-compact">
|
||
<div id="namesList"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer Branding -->
|
||
<div class="footer-branding">
|
||
<div class="footer-branding-title">Blackhat_bullet</div>
|
||
<div style="font-size: 11px; color: var(--text-muted); margin-bottom: 8px;">
|
||
Follow us for more tools, hacks, and tutorials
|
||
</div>
|
||
<div class="footer-branding-links">
|
||
<a href="https://www.youtube.com/@Blackhat_bullet" target="_blank" class="footer-branding-link">📺 YouTube: Stuffs</a>
|
||
<a href="https://t.me/+VJJt9csJoEUxZTA1" target="_blank" class="footer-branding-link">💬 Telegram Group</a>
|
||
<a href="https://t.me/Tempotpsms_bot" target="_blank" class="footer-branding-link">📞 Temp SMS Bot</a>
|
||
<a href="https://cardbingenerator.com/" target="_blank" class="footer-branding-link">💳 BIN Generator</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="popup.js"></script>
|
||
</body>
|
||
</html>
|