| Server IP : 139.59.63.204 / Your IP : 216.73.217.62 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/efbtechnology.com/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<title>Website Design Services</title>
</head>
<body class="bg-white text-gray-900">
<!-- Hero Section -->
<section class="relative bg-gradient-to-r from-blue-600 to-blue-400 text-white py-20 px-6 text-center">
<img src="https://efbtechnology.com/images/website_logo_transparent_background.png" alt="Logo" class="mx-auto mb-6 w-50 animate-fade-in" style="background: #FFF;padding: 11px;width: 17rem;border-radius: 10px;" />
<h1 class="text-4xl font-bold mb-4">Professional Website Design That Drives Results</h1>
<p class="text-lg mb-6">Fast. Modern. SEO‑Ready. Designed to Convert.</p>
<a href="#contact" class="inline-block bg-white text-blue-600 font-semibold px-6 py-3 rounded-xl shadow hover:bg-gray-100 transition">Get Free Quote</a>
</section>
<!-- Services Section -->
<section id="services" class="py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 text-center">
<h2 class="text-3xl font-bold text-gray-800 mb-10">Our Website Design Services</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="p-8 bg-white shadow-lg rounded-2xl hover:shadow-2xl transition duration-300">
<div class="w-16 h-16 mx-auto mb-4 animate-bounce text-5xl">🖥️</div>
<h3 class="text-xl font-semibold mb-2">Custom Website Design</h3>
<p class="text-gray-600">Unique, responsive, user‑friendly designs tailored to your business.</p>
</div>
<div class="p-8 bg-white shadow-lg rounded-2xl hover:shadow-2xl transition duration-300">
<div class="w-16 h-16 mx-auto mb-4 animate-spin-slow text-5xl">⚡</div>
<h3 class="text-xl font-semibold mb-2">Fast & SEO‑Ready</h3>
<p class="text-gray-600">Fast loading, mobile‑optimized pages built with SEO best practices.</p>
</div>
<div class="p-8 bg-white shadow-lg rounded-2xl hover:shadow-2xl transition duration-300">
<div class="w-16 h-16 mx-auto mb-4 animate-wiggle text-5xl">🎨</div>
<h3 class="text-xl font-semibold mb-2">Modern UI/UX</h3>
<p class="text-gray-600">Attractive layouts crafted with modern trends to boost engagement.</p>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="py-16 bg-white px-6">
<div class="max-w-6xl mx-auto text-center">
<h2 class="text-3xl font-bold mb-10 text-gray-800">Pricing Plans</h2>
<div class="grid md:grid-cols-3 gap-8">
<!-- Basic Plan -->
<div class="border rounded-2xl p-8 shadow hover:shadow-xl transition bg-gray-50">
<h3 class="text-2xl font-semibold mb-4">Basic</h3>
<p class="text-gray-600 mb-4">Best for startups and small businesses</p>
<p class="text-4xl font-bold text-blue-600 mb-6">₹7,999</p>
<ul class="text-gray-700 space-y-2 mb-6">
<li>✔ 3‑Page Website</li>
<li>✔ Mobile Responsive</li>
<li>✔ Basic SEO Setup</li>
<li>✔ Contact Form</li>
</ul>
<a href="#contact" class="block bg-blue-600 text-white font-semibold py-3 rounded-xl hover:bg-blue-700 transition">Choose Plan</a>
</div>
<!-- Standard Plan -->
<div class="border rounded-2xl p-8 shadow-lg hover:shadow-xl transition bg-white scale-105">
<h3 class="text-2xl font-semibold mb-4">Standard</h3>
<p class="text-gray-600 mb-4">Ideal for growing businesses</p>
<p class="text-4xl font-bold text-blue-600 mb-6">₹14,999</p>
<ul class="text-gray-700 space-y-2 mb-6">
<li>✔ Up to 8 Pages</li>
<li>✔ Advanced UI/UX</li>
<li>✔ SEO Optimization</li>
<li>✔ WhatsApp/CRM Integration</li>
</ul>
<a href="#contact" class="block bg-blue-600 text-white font-semibold py-3 rounded-xl hover:bg-blue-700 transition">Choose Plan</a>
</div>
<!-- Premium Plan -->
<div class="border rounded-2xl p-8 shadow hover:shadow-xl transition bg-gray-50">
<h3 class="text-2xl font-semibold mb-4">Premium</h3>
<p class="text-gray-600 mb-4">Perfect for established brands</p>
<p class="text-4xl font-bold text-blue-600 mb-6">₹29,999</p>
<ul class="text-gray-700 space-y-2 mb-6">
<li>✔ Unlimited Pages</li>
<li>✔ Premium UI/UX</li>
<li>✔ Speed Optimization</li>
<li>✔ Full SEO Setup</li>
<li>✔ 1‑Year Support</li>
</ul>
<a href="#contact" class="block bg-blue-600 text-white font-semibold py-3 rounded-xl hover:bg-blue-700 transition">Choose Plan</a>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 px-6 text-center">
<h2 class="text-3xl font-bold mb-4">Get a Free Consultation</h2>
<p class="text-gray-600 mb-6">Share your requirements and we will get back within 30 minutes.</p>
<a href="tel:+91XXXXXXXXXX" class="inline-block bg-blue-600 text-white font-semibold px-6 py-3 rounded-xl shadow hover:bg-blue-700 transition">Call Now</a>
</section>
<style>
@keyframes fade-in { from {opacity:0;} to {opacity:1;} }
.animate-fade-in { animation: fade-in 1.5s ease-in-out; }
.animate-spin-slow { animation: spin 4s linear infinite; }
@keyframes spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }
.animate-wiggle { animation: wiggle 1s ease-in-out infinite; }
@keyframes wiggle {0%,100% {transform: rotate(-3deg);} 50% {transform: rotate(3deg);} }
</style>
</body>
</html>