Hugging Face's logo

Spaces:
isa1202
/
securesite-prodigy
Running

App Files Community
securesite-prodigy / security.html
isa1202's picture
isa1202
make a website that as for product websites making and security auditing. Make page for the hyperlinks and put for example random price to the pricing page,...
3efd93e verified
Raw History Blame Contribute Delete
6.65 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Security Audits | SecureSite Prodigy</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
</head>
<body class="bg-gray-50">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-12">
<!-- Hero Section -->
<section class="bg-gradient-to-r from-blue-800 to-indigo-900 text-white rounded-xl p-12 mb-16">
<h1 class="text-4xl font-bold mb-6">Website Security Audits</h1>
<p class="text-xl max-w-2xl">
Protect your business from cyber threats with our comprehensive security assessment services.
</p>
</section>
<!-- Audit Process -->
<section class="mb-20">
<h2 class="text-3xl font-bold text-center mb-12">Our Security Audit Process</h2>
<div class="grid md:grid-cols-4 gap-8 max-w-6xl mx-auto">
<div class="text-center">
<div class="bg-blue-100 text-blue-800 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">1</span>
</div>
<h3 class="font-semibold mb-2">Discovery</h3>
<p class="text-gray-600 text-sm">We analyze your website architecture and identify potential attack vectors.</p>
</div>
<div class="text-center">
<div class="bg-blue-100 text-blue-800 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">2</span>
</div>
<h3 class="font-semibold mb-2">Vulnerability Scan</h3>
<p class="text-gray-600 text-sm">Automated tools scan for common security issues and misconfigurations.</p>
</div>
<div class="text-center">
<div class="bg-blue-100 text-blue-800 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">3</span>
</div>
<h3 class="font-semibold mb-2">Manual Testing</h3>
<p class="text-gray-600 text-sm">Our experts manually test for sophisticated vulnerabilities.</p>
</div>
<div class="text-center">
<div class="bg-blue-100 text-blue-800 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
<span class="text-2xl font-bold">4</span>
</div>
<h3 class="font-semibold mb-2">Report & Fixes</h3>
<p class="text-gray-600 text-sm">Detailed report with prioritized fixes and recommendations.</p>
</div>
</div>
</section>
<!-- Security Checks -->
<section class="mb-20">
<h2 class="text-3xl font-bold text-center mb-12">What We Check For</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto">
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="lock" class="w-8 h-8 text-red-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Injection Vulnerabilities</h3>
<p class="text-gray-600">SQL, OS, and LDAP injection flaws that could compromise your data.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="user" class="w-8 h-8 text-blue-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Authentication Issues</h3>
<p class="text-gray-600">Weak passwords, session management flaws, and brute force vulnerabilities.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="eye-off" class="w-8 h-8 text-purple-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Sensitive Data Exposure</h3>
<p class="text-gray-600">Improper protection of credit cards, passwords, and personal data.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="settings" class="w-8 h-8 text-green-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Security Misconfigurations</h3>
<p class="text-gray-600">Default configurations, unused pages, and unprotected files.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="link" class="w-8 h-8 text-yellow-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Cross-Site Scripting (XSS)</h3>
<p class="text-gray-600">Client-side code injection vulnerabilities.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100">
<i data-feather="shield" class="w-8 h-8 text-indigo-500 mb-3"></i>
<h3 class="font-semibold text-lg mb-2">Security Headers</h3>
<p class="text-gray-600">Missing or misconfigured security-related HTTP headers.</p>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="bg-white rounded-xl shadow-md p-12 text-center max-w-4xl mx-auto">
<h2 class="text-3xl font-bold mb-6">Get Your Security Audit Today</h2>
<p class="text-gray-600 mb-8 max-w-2xl mx-auto">
Don't wait until it's too late. Our security experts will help you identify and fix vulnerabilities before attackers can exploit them.
</p>
<a href="/contact.html" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-medium inline-block transition duration-300">
Request Audit
</a>
</section>
</main>
<custom-footer></custom-footer>
<script>feather.replace();</script>
</body>
</html>