<!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=""/><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>Drama Call | Drama Call Clothing | Get Upto 50% OFF</h3> <p>Drama Call | Drama Call Clothing | Get Upto 50% OFF Drama Call | Drama Call Clothing | Get Upto 50% OFF</p> <a href="article/drama-call--drama-call-clothing--get-upto-50-off" class="read-more">Read More</a> </div> <div class="article-card"> <h3>Authorization Types in Medical Billing: A Complete Guide</h3> <p>Discover key authorization types in medical billing, their process, and how CareSolution MBS ensures error-free authorizations for seamless healthcare claims.</p> <a href="article/authorization-types-in-medical-billing-a-complete-guide" class="read-more">Read More</a> </div> <div class="article-card"> <h3>The best modern living decoration ideas</h3> <p>Our modern small modern living room décor ideas design is identified by its minimalist design, clean lines, usefulness, and priority of simplicity and receptivity, often presenting open floor plans and sleek, clean visual beauty.</p> <a href="article/the-best-modern-living-decoration-ideas" class="read-more">Read More</a> </div> <div class="article-card"> <h3>Discover New Strategies in Online Games and Slots Today</h3> <p>Discover New Strategies in Online Games and Slots Today</p> <a href="article/discover-new-strategies-in-online-games-and-slots-today" class="read-more">Read More</a> </div> <div class="article-card"> <h3>How to Earn Big Wins in Online Games and Slots Today</h3> <p>How to Earn Big Wins in Online Games and Slots Today</p> <a href="article/how-to-earn-big-wins-in-online-games-and-slots-today" 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) --> 
