Scribd
Upload
8 views3 pages

Website Code

The document is an HTML webpage for a service called PROFESORxDATABASE that allows users to search for SIM details by entering a phone number. It features a user interface with input fields, buttons for fetching data and sharing via WhatsApp, and displays results or error messages based on the API response. The design includes animations and styling to enhance user experience.

Uploaded by

millionaireproff
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views3 pages

Website Code

The document is an HTML webpage for a service called PROFESORxDATABASE that allows users to search for SIM details by entering a phone number. It features a user interface with input fields, buttons for fetching data and sharing via WhatsApp, and displays results or error messages based on the API response. The design includes animations and styling to enhance user experience.

Uploaded by

millionaireproff
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>PROFESSORxDATABASE </title>
<style>
body {
margin: 0;
padding: 0;
background: #000;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
animation: fadeIn 1s ease-in-out;
}

.box {
background: #111;
border: 2px solid red;
box-shadow: 0 0 25px red;
padding: 30px 20px;
border-radius: 15px;
width: 100%;
max-width: 400px;
text-align: center;
animation: fadeIn 1s ease-in-out;
}

.top-title {
color: #0f0;
text-shadow: 0 0 10px #0f0;
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
letter-spacing: 2px;
}

.box h2 {
color: red;
font-size: 24px;
margin-bottom: 20px;
}

.box input {
width: 100%;
padding: 12px;
border-radius: 8px;
border: none;
margin-bottom: 20px;
font-size: 16px;
background: #333;
color: white;
box-shadow: inset 0 0 5px red;
}

.box button {
width: 100%;
padding: 12px;
border: none;
border-radius: 8px;
margin: 10px 0;
font-size: 16px;
font-weight: bold;
cursor: pointer;
color: white;
background: linear-gradient(90deg, #c00000, #ff0000);
box-shadow: 0 0 15px red;
transition: 0.3s;
}

.box button:hover {
transform: scale(1.05);
background: linear-gradient(90deg, #ff0000, #c00000);
}

.whatsapp-btn {
background: linear-gradient(90deg, #25D366, #128C7E);
box-shadow: 0 0 15px #25D366;
color: white;
}

#responseBox {
color: white;
margin-top: 20px;
font-size: 16px;
display: none;
animation: fadeIn 1s ease-in-out;
background: #222;
border: 1px solid #444;
padding: 15px;
border-radius: 10px;
text-align: left;
}

@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
</style>
</head>
<body>
<div class="box">
<div class="top-title">PROXARMY</div>
<h2>🔍 Search SIM Details</h2>
<input type="text" id="number" placeholder="Enter phone number" required />
<button onclick="fetchData()">🔎 Get Details</button>

<div id="responseBox"></div>

<button id="shareButton" class="whatsapp-btn" onclick="shareWhatsApp()"


style="display: none;">📲 Share on WhatsApp</button>
<button id="channelButton" class="whatsapp-btn"
onclick="window.open('https://whatsapp.com/channel/0029VbAYdEy4yltXLpNTCa3j ',
'_blank')">📢 Join WhatsApp Channel</button>
</div>
<script>
async function fetchData() {
const number = document.getElementById("number").value.trim();
const responseBox = document.getElementById("responseBox");
const shareButton = document.getElementById("shareButton");

if (!number) {
alert("Please enter a phone number.");
return;
}

const url = `https://api.allorigins.win/get?url=$


{encodeURIComponent(`https://fam-official.serv00.net/sim/api.php?num=${number}`)}`;

try {
const res = await fetch(url);
const json = await res.json();
const apiData = JSON.parse(json.contents);

if (apiData.status === "success" && Array.isArray(apiData.data) &&


apiData.data.length > 0) {
const user = apiData.data[0];
const content = `
📞 Mobile: ${user.Mobile || "Not found"}
👤 Name: ${user.Name || "Not found"}
🆔 CNIC: ${user.CNIC || "Not found"}
📍 Address: ${user.Address || "Not found"}
📶 Operator: ${user.Operator || "Not found"}
`;
responseBox.innerText = content;
responseBox.style.display = "block";
shareButton.style.display = "inline-block";
} else {
responseBox.innerHTML = `<p style="color: yellow; font-size: 18px; font-
weight: bold;">Data Not Found</p>`;
responseBox.style.display = "block";
shareButton.style.display = "none";
}
} catch (e) {
responseBox.innerHTML = `<p style="color: red; font-size: 18px; font-
weight: bold;">Error fetching data. Please try again later.</p>`;
responseBox.style.display = "block";
shareButton.style.display = "none";
}
}

function shareWhatsApp() {
const responseBox = document.getElementById("responseBox");
const text = encodeURIComponent(responseBox.innerText);
const url = `https://wa.me/?text=${text}`;
window.open(url, '_blank');
}
</script>

<!-- Footer Script -->


<script src=""></script>
</body>
</html>

You might also like