<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Dir Free Article Website</title>
<meta name="description" content="Blog Dir is a Free Article Website. Where you can post Unlimited Articles freely."/>
<meta name="keywords" content="Blog Dir Free Article Website, Blog Dir Article Website, Blog Dir, Blog Dir.in.net"/>
<meta name="google-site-verification" content="google112c9c6cc75ab25a"/>
<link rel="canonical" href="https://blogdir.in.net/"/>
<link rel="stylesheet" href="styles.css">
<script defer src="script.js"></script>
<style>
/* Responsive Grid for Categories */
.category-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
padding: 20px;
text-align: center;
}
.category-card {
background-color: #f4f4f4;
padding: 20px;
border-radius: 8px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.category-card h3 {
margin-bottom: 10px;
}
.category-card p {
font-size: 14px;
color: #666;
margin-bottom: 10px;
}
.category-card a {
text-decoration: none;
background-color: #2980b9;
color: white;
padding: 10px 15px;
border-radius: 5px;
display: inline-block;
transition: background 0.3s;
}
.category-card a:hover {
background-color: #1f618d;
}
.category-card:hover {
transform: translateY(-5px);
}
/* Mobile Menu */
.hamburger {
display: none;
flex-direction: column;
cursor: pointer;
}
.hamburger span {
background-color: white;
height: 3px;
width: 30px;
margin: 5px 0;
}
@media screen and (max-width: 768px) {
.hamburger {
display: flex;
}
.nav-links {
display: none;
flex-direction: column;
width: 100%;
position: absolute;
top: 60px;
left: 0;
background-color: #2c3e50;
}
.nav-links.show {
display: flex;
}
.category-list {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo">
<h1><a href="https://blogdir.in.net/" style="color:aliceblue; text-decoration:none;">Blog Dir</a></h1>
</div>
<nav>
<ul class="nav-links" id="nav-links">
<li><a href="index.php">Home</a></li>
<li><a href="articles.php">Articles</a></li>
<li><a href="category.php">Categories</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="members.php">Members</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<!-- Search Box Section -->
<section class="search-section">
<form action="search.php" method="GET">
<input type="text" name="query" placeholder="Search articles..." required>
<button type="submit">Search</button>
</form>
</section>
<!-- Hero Section with Google AdSense -->
<section class="hero">
<div class="hero-content">
<h2>Featured Articles</h2>
<p>Stay updated with the latest trends and stories.</p>
</div>
<div class="adsense ad-hero">
<p>Google AdSense Ad (Banner)</p>
</div>
</section>
<!-- Categories Section -->
<section class="categories">
<h2>Browse by Categories</h2>
<div class="category-list">
<div class="category-card">
<h3>Automobile</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=19">Explore</a>
</div>
<div class="category-card">
<h3>Business & Finance</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=9">Explore</a>
</div>
<div class="category-card">
<h3>DIY & Home Improvement</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=24">Explore</a>
</div>
<div class="category-card">
<h3>Education</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=10">Explore</a>
</div>
<div class="category-card">
<h3>Entertainment</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=11">Explore</a>
</div>
<div class="category-card">
<h3>Fashion & Beauty</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=18">Explore</a>
</div>
<div class="category-card">
<h3>Food & Cooking</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=14">Explore</a>
</div>
<div class="category-card">
<h3>Gaming</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=21">Explore</a>
</div>
<div class="category-card">
<h3>Health & Wellness</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=7">Explore</a>
</div>
<div class="category-card">
<h3>History & Culture</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=23">Explore</a>
</div>
<div class="category-card">
<h3>Lifestyle</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=8">Explore</a>
</div>
<div class="category-card">
<h3>Parenting & Family</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=20">Explore</a>
</div>
<div class="category-card">
<h3>Personal Development</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=17">Explore</a>
</div>
<div class="category-card">
<h3>Politics & Current Affairs</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=16">Explore</a>
</div>
<div class="category-card">
<h3>Real Estate</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=22">Explore</a>
</div>
<div class="category-card">
<h3>Science & Environment</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=12">Explore</a>
</div>
<div class="category-card">
<h3>Spirituality & Religion</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=25">Explore</a>
</div>
<div class="category-card">
<h3>Sports</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=13">Explore</a>
</div>
<div class="category-card">
<h3>Technology</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=6">Explore</a>
</div>
<div class="category-card">
<h3>Travel</h3>
<p>Discover articles in this category.</p>
<a href="articles_by_category.php?category_id=15">Explore</a>
</div>
</div>
</section>
<!-- Latest Articles Section with Ad -->
<section class="articles">
<h2>Latest Articles</h2>
<div class="article-grid">
<div class="article-card">
<h3>Trusted Commercial Roofers in Cleveland: Your Partner for Durable, High-Performance Roofing Solutions</h3>
<p>Trusted commercial roofers in Cleveland delivering durable, high-performance roofing solutions tailored to your business. Reliable, expert service you can trust.</p>
<a href="article/trusted-commercial-roofers-in-cleveland-your-partner-for-durable-high-performance-roofing-solutions" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Sisal Scratching Mat: Reduce Cat Scratching Damage</h3>
<p>Sisal Scratching Mat: Reduce Cat Scratching Damage</p>
<a href="article/sisal-scratching-mat-reduce-cat-scratching-damage" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Luxury Yacht Rentals in Dubai with RSY Yachts</h3>
<p>Experience luxury on the water with RSY Yachts, the leading provider of Dubai yacht rental services. Perfect for private cruises, events, and birthday parties.</p>
<a href="article/luxury-yacht-rentals-in-dubai-with-rsy-yachts" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>What Are the Benefits of Retail Software in Delhi NCR?</h3>
<p>Discover the key benefits of retail software in Delhi NCR, enhancing efficiency, customer experience, and sales management for businesses of all sizes.</p>
<a href="article/what-are-the-benefits-of-retail-software-in-delhi-ncr" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Top 10 Creative Custom Neon Light Ideas for Your Room Decor by Neon Mantra</h3>
<p>Looking for inspiration or ready to create your own? Explore our full range at Neon Mantra and light up your world with style!</p>
<a href="article/top-10-creative-custom-neon-light-ideas-for-your-room-decor-by-neon-mantra" class="read-more">Read More</a>
</div>
</div>
<div class="adsense ad-articles">
<p>Google AdSense Ad (Box)</p>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="footer-content">
<p>© 2025 Blog Dir | All Rights Reserved</p>
<div class="social-links">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Instagram</a>
</div>
</div>
</footer>
</body>
</html>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L1BCR133JR"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L1BCR133JR');
</script>