Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Faizan Cyber Cafe | Digital Job & Service Portal</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700;900&display=swap');
body { font-family: 'Outfit', sans-serif; scroll-behavior: smooth; }
.ticker-wrap { background: #1e293b; color: #fbbf24; padding: 10px 0; overflow: hidden; }
.ticker { display: inline-block; white-space: nowrap; animation: ticker 30s linear infinite; }
@keyframes ticker { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
.pricing-section { background: #0f172a; border-radius: 24px; position: relative; overflow: hidden; }
.neon-glow { border: 1px solid #3b82f6; box-shadow: 0 0 15px rgba(59, 130, 246, 0.3); }
.job-card { transition: all 0.3s ease; border-left: 4px solid #e2e8f0; }
.job-card:hover { transform: translateX(10px); border-left-color: #2563eb; background: #f8fafc; }
/* Pulse Animation for buttons */
.pulse-btn { animation: pulse 2s infinite; }
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
</style>
</head>
<body class="bg-slate-50">
<div class="ticker-wrap border-b border-slate-700">
<div class="ticker font-bold text-sm uppercase tracking-widest">
🔥 NEW: SSC GD CONSTABLE ADMIT CARD OUT! --- BIHAR POLICE NEW VACANCY 2026 --- RAILWAY NTPC EXAM DATE ANNOUNCED --- VISIT FAIZAN CYBER CAFE FOR FAST FORM FILLING ---
</div>
</div>
<nav class="bg-white/80 backdrop-blur-md sticky top-0 z-50 border-b">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<a href="https://www.google.com" target="_blank" class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
<span class="text-2xl font-black text-slate-900">FAIZAN<span class="text-blue-600">CYBER</span></span>
</a>
<div class="hidden lg:flex space-x-8 font-bold text-slate-600 uppercase text-xs tracking-widest">
<a href="#notice" class="hover:text-blue-600">Notice Board</a>
<a href="#pricing" class="hover:text-blue-600">Pricing</a>
<a href="#owner" class="hover:text-blue-600">The Owner</a>
</div>
<div class="flex items-center space-x-4">
<span class="hidden md:block text-xs font-bold text-slate-400">CSC: 265344150019</span>
<a href="tel:7361053755" class="bg-blue-600 text-white px-6 py-2 rounded-full font-bold shadow-lg shadow-blue-200">CALL</a>
</div>
</div>
</nav>
<section id="notice" class="py-16 px-4">
<div class="max-w-7xl mx-auto">
<div class="flex items-center justify-between mb-10 border-b-2 border-slate-100 pb-4">
<h2 class="text-3xl font-black text-slate-800 uppercase tracking-tighter">
<i class="fas fa-clipboard-list text-blue-600 mr-2"></i> Digital Notice Board
</h2>
<span class="text-sm font-bold text-slate-400 italic">Last Updated: Today</span>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-3xl shadow-xl shadow-slate-200/50 border border-slate-100">
<h3 class="text-xl font-bold text-blue-700 mb-6 flex items-center">
<span class="w-2 h-8 bg-blue-600 rounded-full mr-3"></span> NEW VACANCIES
</h3>
<div class="space-y-4">
<div class="job-card p-4 rounded-xl bg-white flex justify-between items-center">
<div>
<h4 class="font-bold text-slate-800">SSC MTS Recruitment 2026</h4>
<p class="text-xs text-slate-500">Qualification: 10th Pass</p>
</div>
<span class="bg-green-100 text-green-700 px-3 py-1 rounded-full text-[10px] font-bold pulse-btn">APPLY NOW</span>
</div>
<div class="job-card p-4 rounded-xl bg-white flex justify-between items-center">
<div>
<h4 class="font-bold text-slate-800">Bihar Civil Court Clerk</h4>
<p class="text-xs text-slate-500">Total Posts: 3000+</p>
</div>
<span class="bg-blue-100 text-blue-700 px-3 py-1 rounded-full text-[10px] font-bold">DETAILS</span>
</div>
</div>
</div>
<div class="bg-white p-8 rounded-3xl shadow-xl shadow-slate-200/50 border border-slate-100">
<h3 class="text-xl font-bold text-red-600 mb-6 flex items-center">
<span class="w-2 h-8 bg-red-600 rounded-full mr-3"></span> RESULTS & ADMIT CARDS
</h3>
<div class="space-y-4">
<div class="job-card p-4 rounded-xl bg-white flex justify-between items-center">
<div>
<h4 class="font-bold text-slate-800">UPSC Prelims Result 2025</h4>
<p class="text-xs text-slate-500">Check Your Scorecard</p>
</div>
<i class="fas fa-external-link-alt text-slate-300"></i>
</div>
<div class="job-card p-4 rounded-xl bg-white flex justify-between items-center">
<div>
<h4 class="font-bold text-slate-800">Indian Navy Admit Card</h4>
<p class="text-xs text-slate-500">Download Link Active</p>
</div>
<i class="fas fa-download text-slate-300"></i>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pricing" class="py-20 px-4">
<div class="max-w-7xl mx-auto pricing-section p-8 md:p-20">
<div class="text-center mb-16">
<h2 class="text-5xl font-black text-white mb-4">TRANSPARENT PRICING</h2>
<p class="text-blue-400 font-bold uppercase tracking-widest text-sm">Best Rates in Mansurchak</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
<div class="neon-card bg-slate-800/50 p-8 rounded-2xl text-white neon-glow">
<i class="fas fa-wifi text-3xl mb-4 text-blue-400"></i>
<h4 class="font-bold border-b border-slate-700 pb-2 mb-4 uppercase">Internet Usage</h4>
<p class="text-3xl font-black">₹25 <span class="text-xs font-normal">/ Hour</span></p>
</div>
<div class="neon-card bg-slate-800/50 p-8 rounded-2xl text-white neon-glow">
<i class="fas fa-file-pdf text-3xl mb-4 text-blue-400"></i>
<h4 class="font-bold border-b border-slate-700 pb-2 mb-4 uppercase">Job Form Filling</h4>
<p class="text-3xl font-black">₹50 <span class="text-xs font-normal">/ Application</span></p>
</div>
<div class="neon-card bg-slate-800/50 p-8 rounded-2xl text-white neon-glow">
<i class="fas fa-camera text-3xl mb-4 text-blue-400"></i>
<h4 class="font-bold border-b border-slate-700 pb-2 mb-4 uppercase">Passport Photo</h4>
<p class="text-3xl font-black">₹40 <span class="text-xs font-normal">/ 8 Photos</span></p>
</div>
</div>
<div class="bg-white/10 backdrop-blur-lg rounded-3xl p-6 md:p-10 border border-white/10">
<h3 class="text-2xl font-bold text-white mb-8 text-center italic">Detailed Service List</h3>
<div class="overflow-x-auto">
<table class="w-full text-left text-slate-300">
<thead>
<tr class="border-b border-slate-700">
<th class="py-4 font-black uppercase text-xs text-blue-400">Service Name</th>
<th class="py-4 font-black uppercase text-xs text-blue-400">Price (Starting)</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-700/50">
<tr><td class="py-4">Photocopy (B&W)</td><td class="py-4 font-bold text-white">₹2 / page</td></tr>
<tr><td class="py-4">Color Printing</td><td class="py-4 font-bold text-white">₹10 / page</td></tr>
<tr><td class="py-4">Lamination (ID Card)</td><td class="py-4 font-bold text-white">₹10 / piece</td></tr>
<tr><td class="py-4">Lamination (A4 Document)</td><td class="py-4 font-bold text-white">₹20 / piece</td></tr>
<tr><td class="py-4">New PAN Card Application</td><td class="py-4 font-bold text-white">₹200</td></tr>
<tr><td class="py-4">Aadhar Correction</td><td class="py-4 font-bold text-white">₹100</td></tr>
<tr><td class="py-4">Voter ID Printing (PVC)</td><td class="py-4 font-bold text-white">₹50</td></tr>
<tr><td class="py-4">Money Transfer (Domestic)</td><td class="py-4 font-bold text-white">1% Commission</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<section id="owner" class="py-20 px-4 bg-white">
<div class="max-w-5xl mx-auto flex flex-col md:flex-row items-center gap-12">
<div class="relative">
<div class="absolute -top-4 -left-4 w-full h-full border-4 border-blue-600 rounded-full"></div>
<img src="https://via.placeholder.com/300x300?text=Faizan+Photo" alt="Owner" class="relative z-10 w-64 h-64 rounded-full object-cover shadow-2xl">
</div>
<div>
<span class="text-blue-600 font-bold uppercase tracking-widest text-sm">Proprietor</span>
<h2 class="text-4xl font-black text-slate-900 mt-2 mb-4">Faizan</h2>
<p class="text-slate-600 text-lg leading-relaxed mb-6 italic">
"I started this Cyber Cafe to ensure that every citizen in Mansurchak has access to the digital revolution. From your first email to your dream job application, we are here to guide you."
</p>
<div class="flex items-center space-x-6">
<div>
<p class="text-xs font-bold text-slate-400 uppercase">Contact</p>
<p class="font-bold">+91 7361053755</p>
</div>
<div class="w-px h-10 bg-slate-200"></div>
<div>
<p class="text-xs font-bold text-slate-400 uppercase">Location</p>
<p class="font-bold">Ward No 11, Mansurchak</p>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-slate-900 text-white py-10 px-4 text-center">
<p class="text-xl font-black tracking-tighter mb-2">FAIZAN CYBER CAFE</p>
<p class="text-slate-500 text-sm mb-6 uppercase tracking-widest">CSC Center ID: 265344150019</p>
<div class="w-20 h-1 bg-blue-600 mx-auto mb-6"></div>
<p class="text-slate-400 text-xs">© 2026 Designed for Faizan | All Services Verified</p>
</footer>
</body>
</html>
Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
9
Requests
6
Domains
323KB
Transfer Size
670KB
Content Size
525.0ms
Dom Content Loaded
608.0ms
First Paint
618.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...