<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jewana Free Article Website</title>
<meta name="description" content="Jewana is a Free Article Website. Where you can post Unlimited Articles freely."/>
<meta name="keywords" content="Jewana Free Article Website, Jewana Article Website, Jewana, Jewana.in.net"/>
<meta name="google-site-verification" content=""/>
<link rel="canonical" href="https://jewana.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://jewana.in.net" style="color:aliceblue; text-decoration:none;">Jewana</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>Find Safe Online Games and Slots Sites</h3>
<p>Find Safe Online Games and Slots Sites</p>
<a href="article/find-safe-online-games-and-slots-sites" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Online Games and Slots That Are Legal</h3>
<p>Online Games and Slots That Are Legal</p>
<a href="article/online-games-and-slots-that-are-legal" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>How You Can Take Benefit Out Of Shrooms online?</h3>
<p> The conversation around psychedelics is becoming more popular within Canada.</p>
<a href="article/how-you-can-take-benefit-out-of-shrooms-online" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Personalized Hi Vis Shirts for Maximum Workplace Safety</h3>
<p>Personalized Hi Vis Shirts for Maximum Workplace Safety</p>
<a href="article/personalized-hi-vis-shirts-for-maximum-workplace-safety" class="read-more">Read More</a>
</div>
<div class="article-card">
<h3>Named Collective | Named Collective Hoodie | Worldwide Clothing</h3>
<p>Named Collective | Named Collective Hoodie | Worldwide ClothingNamed Collective | Named Collective Hoodie | Worldwide Clothing</p>
<a href="article/named-collective--named-collective-hoodie--worldwide-clothing" 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 Jewana | 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) -->