<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Md Sagor Ahmed - Digital Marketer</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100 text-gray-800">
<!-- Header -->
<header class="bg-white shadow-md py-6">
<div class="container mx-auto px-4 flex justify-between items-center">
<h1 class="text-2xl font-bold text-blue-600">Md Sagor Ahmed</h1>
<nav>
<a href="#services" class="mx-3 text-gray-600 hover:text-blue-600">Services</a>
<a href="#projects" class="mx-3 text-gray-600 hover:text-blue-600">Projects</a>
<a href="#contact" class="mx-3 text-gray-600 hover:text-blue-600">Contact</a>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="bg-blue-50 py-20">
<div class="container mx-auto px-4 text-center">
<h2 class="text-4xl font-bold mb-4">Professional Digital Marketing & YouTube SEO Expert</h2>
<p class="text-lg text-gray-600 mb-6">3+ years of experience | 500+ successful projects | Helping brands grow online</p>
<a href="#contact" class="bg-blue-600 text-white px-6 py-3 rounded-full hover:bg-blue-700">Hire Me</a>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h3 class="text-3xl font-bold text-center mb-10">My Services</h3>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-xl shadow">
<h4 class="text-xl font-semibold mb-2">YouTube SEO</h4>
<p>Optimize titles, tags, thumbnails, and metadata to rank videos higher on YouTube search.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl shadow">
<h4 class="text-xl font-semibold mb-2">Channel Setup</h4>
<p>Complete YouTube channel creation, banner design, and branding setup.</p>
</div>
<div class="bg-gray-50 p-6 rounded-xl shadow">
<h4 class="text-xl font-semibold mb-2">Video Promotion</h4>
<p>Real audience promotion and traffic generation for faster channel growth.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Section -->
<section id="projects" class="py-16 bg-gray-100">
<div class="container mx-auto px-4">
<h3 class="text-3xl font-bold text-center mb-10">Recent Projects</h3>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white shadow p-4 rounded-xl">
<img src="https://via.placeholder.com/400x200" alt="Project 1" class="rounded mb-4">
<h5 class="text-lg font-semibold">YouTube Channel SEO – Client A</h5>
<p class="text-sm text-gray-600">Ranked 5+ videos on 1st page within 2 weeks.</p>
</div>
<div class="bg-white shadow p-4 rounded-xl">
<img src="https://via.placeholder.com/400x200" alt="Project 2" class="rounded mb-4">
<h5 class="text-lg font-semibold">Digital Marketing Campaign – Client B</h5>
<p class="text-sm text-gray-600">Increased reach by 300% organically.</p>
</div>
<div class="bg-white shadow p-4 rounded-xl">
<img src="https://via.placeholder.com/400x200" alt="Project 3" class="rounded mb-4">
<h5 class="text-lg font-semibold">Channel Setup – Client C</h5>
<p class="text-sm text-gray-600">From scratch to 1K subs in 45 days.</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 bg-white">
<div class="container mx-auto px-4">
<h3 class="text-3xl font-bold text-center mb-10">Get in Touch</h3>
<form class="max-w-2xl mx-auto bg-gray-50 p-8 rounded-xl shadow">
<div class="mb-4">
<label class="block mb-2 text-sm font-medium">Name</label>
<input type="text" class="w-full p-3 rounded border border-gray-300" required>
</div>
<div class="mb-4">
<label class="block mb-2 text-sm font-medium">Email</label>
<input type="email" class="w-full p-3 rounded border border-gray-300" required>
</div>
<div class="mb-4">
<label class="block mb-2 text-sm font-medium">Message</label>
<textarea rows="5" class="w-full p-3 rounded border border-gray-300" required></textarea>
</div>
<button type="submit" class="bg-blue-600 text-white px-6 py-3 rounded hover:bg-blue-700">Send Message</button>
</form>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white text-center py-6">
© 2025 Md Sagor Ahmed | All Rights Reserved.
</footer>
</body>
</html>
