<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business Listing</title>
<style>
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background-color: #ecf0f1; /* Light Grey Background */
}
/* Header Section */
header {
background-color: #8e44ad; /* Dark Purple */
color: white;
text-align: center;
padding: 50px 0; /* Increased padding for larger header */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
}
header h1 {
font-size: 56px; /* Increased font size for the heading */
letter-spacing: 3px;
text-transform: uppercase;
}
header p {
font-size: 22px; /* Increased font size for the text */
margin-top: 10px;
font-weight: bold;
}
/* Main Content Section */
.main-content {
padding: 40px 20px;
}
/* Hero Section */
.hero {
background-color: #f39c12; /* Light Orange background */
color: white;
text-align: center;
padding: 120px 20px;
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
max-width: 80%; /* Restored width for hero section */
margin: 0 auto; /* Centering the hero section */
border-radius: 10px;
}
.hero h2 {
font-size: 50px;
font-weight: bold;
margin-bottom: 20px;
color: #ffffff; /* White for Heading */
}
.hero p {
font-size: 22px;
font-weight: bold; /* Make text bold */
color: white; /* Change text color to white */
}
/* Categories Section */
.categories {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 40px 20px;
margin-top: 40px;
max-width: 80%; /* Restored width for categories section */
margin: 0 auto; /* Centering the categories section */
}
.category {
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
width: 48%; /* Increased width to 48% for larger boxes */
margin-bottom: 30px;
padding: 40px; /* Added more padding for bigger boxes */
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.category:hover {
transform: translateY(-10px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}
.category h3 {
font-size: 24px;
margin-bottom: 10px;
color: #fff;
text-transform: uppercase;
}
.category p {
color: #fff;
font-size: 16px;
}
/* Individual Category Colors */
.category.health {
background-color: #27ae60;
}
.category.fashion {
background-color: #e74c3c;
}
.category.business {
background-color: #2980b9;
}
.category.education {
background-color: #f39c12;
}
.category.technology {
background-color: #3498db; /* Blue for Technology */
}
.category.home-improvement {
background-color: #2ecc71; /* Green for Home Improvement */
}
/* Footer Section */
footer {
background-color: #34495e; /* Dark Grey */
color: white;
padding: 30px 20px;
text-align: center;
margin-top: 60px;
}
footer p {
font-size: 16px;
}
/* WhatsApp Section in Footer */
.whatsapp-info {
font-size: 20px;
font-weight: bold;
color: #fff;
margin-top: 20px;
background-color: #27ae60; /* WhatsApp green background */
padding: 20px;
border-radius: 8px;
}
/* WhatsApp Section in Header as Heading */
.whatsapp-info-header {
font-size: 24px; /* Larger font for heading */
font-weight: bold;
color: white;
margin-top: 20px;
background-color: #27ae60; /* WhatsApp green background */
padding: 20px;
border-radius: 8px;
}
/* Blinking Effect for WhatsApp Contact Number */
.blinking {
animation: blink 1.5s infinite;
font-weight: bold;
}
/* Blinking Animation */
@keyframes blink {
0% {
color: black;
}
50% {
color: white;
}
100% {
color: black;
}
}
</style>
</head>
<body>
<!-- Header Section -->
<header>
<h1>Business Listings</h1>
<!-- Fiverr profile text (without link) -->
<p>Want to check out my work? Visit my Fiverr account: fiverr.com/ahmaddecnt</p>
<!-- WhatsApp Line in Header as Heading with Blinking Number -->
<div class="whatsapp-info-header">
For business listing and DR increase, contact via WhatsApp: <span class="blinking">+923047154324</span>
</div>
</header>
<!-- Main Content Section -->
<div class="main-content">
<!-- Hero Section -->
<section class="hero">
<h2>Find the Best Businesses</h2>
<p>Your go-to place to discover top businesses in different categories</p>
</section>
<!-- Categories Section -->
<section class="categories">
<div class="category health">
<h3>Health</h3>
<p>Explore top healthcare services, clinics, and fitness options.</p>
<p>Find doctors, wellness centers, and more to improve your health.</p>
<ul>
</ul>
</div>
<div class="category fashion">
<h3>Fashion</h3>
<p>Discover the latest fashion trends, clothing, and accessories.</p>
<p>Stay stylish with top brands and fashion boutiques.</p>
<ul>
</ul>
</div>
<div class="category business">
<h3>Business</h3>
<p>Access professional services for business growth. Consultants, marketing experts, and elevate your business</p>
<ul>
</ul>
</div>
<div class="category education">
<h3>Education</h3>
<p>Find schools, universities, and training programs for every level.</p>
<p>Explore courses and opportunities to advance your education.</p>
<ul>
</ul>
</div>
<div class="category technology">
<h3>Technology</h3>
<p>Explore cutting-edge tech products, gadgets, and software.</p>
<p>Stay ahead with the latest advancements in technology.</p>
<ul>
</ul>
</div>
<div class="category home-improvement">
<h3>Home Improvement</h3>
<p>Discover services for renovating and improving your home.</p>
<p>From repairs to complete makeovers, find the best solutions.</p>
<ul>
<a href="https://robertokerstrom.com"></a>
<a href="https://hayseedhomemakin.com"></a>
<a href="https://rotterdamiloveyou.com"></a>
<a href="https://contentandcommas.com"></a>
<a href="https://koresuki.net"></a>
<a href="https://johncdonahue.com"></a>
<a href="https://nigwa.com"></a>
<a href="https://marijuana-clones.com">marijuana clones</a>
<a href="https://techunpaid.com/"></a>
<a href="https://londonbuildingcontractors.uk"></a>
<a href="https://bungaloweastfortlauderdalecondo.com"></a>
<a href="https://workinjuryspecialists.net"></a>
<a href="https://5tooltalk.com"></a>
<a href="https://griffinranchlaquinta.com"></a>
<a href="https://halls-estate.com"></a>
<a href="https://nyemachine.com"></a>
<a href="https://abbeyaccesstraining.com"></a>
<a href="https://henyanni.com"></a>
<a href="https://kinelu.co.uk"></a>
</ul>
</div>
</section>
</div>
<!-- Footer Section -->
<footer>
<p>© 2025 Business Listings | Terms & Conditions | Privacy Policy</p>
<!-- WhatsApp Info Section -->
<div class="whatsapp-info">
For business listing and DR increase, contact via WhatsApp: <span class="blinking">+923047154324</span>
</div>
</footer>
</body>
</html>