Bhikitia Pro:English Main Page: Difference between revisions
Bhikitia Pro (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit |
Bhikitia Pro (talk | contribs) No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 1: | Line 1: | ||
<div style=" | <div style="font-family: 'Georgia', serif; background: #fdfcf9; min-height: 100vh; color: #2d2d2d; margin: 0; padding: 0;"> | ||
<!-- Header --> | |||
<div style="background: #336699; padding: 30px 15px; text-align: center; color: white;"> | |||
<div style="font-size: | <div style="max-width: 1200px; margin: 0 auto; padding: 0 10px;"> | ||
<div style="margin- | <div style="font-size: clamp(32px, 8vw, 48px); font-weight: 700; margin-bottom: 8px;">Bhikitia</div> | ||
<div style="font-size: clamp(16px, 4vw, 20px); margin-bottom: 20px; opacity: 0.9; padding: 0 10px;">A trusted, community-guided encyclopedia</div> | |||
<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;"> | |||
<div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">5,287 Articles</div> | |||
<div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">128,940 Contributors</div> | |||
<div style="background: rgba(255,255,255,0.15); padding: 6px 15px; border-radius: 20px; font-size: clamp(12px, 3vw, 14px); white-space: nowrap;">Updated Daily</div> | |||
</div> | </div> | ||
<div style=" | </div> | ||
Content | </div> | ||
<!-- Navigation --> | |||
<div style="background: #ffffff; padding: 15px 0; border-bottom: 1px solid #dcdcdc; position: sticky; top: 0; z-index: 100;"> | |||
<div style="max-width: 1200px; margin: 0 auto; padding: 0 15px;"> | |||
<div style="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;"> | |||
<div style="background: #e8f0fa; color: #336699; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;">🏠 [[Main Page|Home]]</div> | |||
<div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Categories|Categories]]</div> | |||
<div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Featured Content|Featured]]</div> | |||
<div style="color: #555555; padding: 8px 16px; border-radius: 8px; font-size: 14px;">[[Community Portal|Community]]</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
<!-- Main Content --> | |||
<div style="max-width: 1200px; margin: 0 auto; padding: 30px 15px;"> | |||
<!-- Hero Section --> | |||
<div style=" | <div style="display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;"> | ||
<div style="background: #f5f5f5; padding: 30px 20px; border-radius: 16px; color: #2d2d2d;"> | |||
<div style="font-size: clamp(24px, 6vw, 32px); font-weight: 700; margin-bottom: 12px;">Welcome to Bhikitia</div> | |||
<div style="font-size: clamp(14px, 4vw, 18px); margin-bottom: 20px; opacity: 0.9; line-height: 1.5;"> | |||
Your trusted source for verified knowledge. Join 128,940+ contributors building a natural and educational encyclopedia. | |||
</div> | |||
<div style="background: #336699; color: white; padding: 10px 25px; border-radius: 20px; font-weight: 600; display: inline-block; font-size: 14px;">[[Getting Started|Start Exploring]]</div> | |||
</div> | |||
</div> | |||
<!-- Featured Content --> | |||
<div style="margin-bottom: 50px;"> | |||
<div style="display: flex; flex-direction: column; gap: 15px; margin-bottom: 25px;"> | |||
<div style="font-size: clamp(24px, 6vw, 32px); font-weight: 700; color: #336699; text-align: center;">Featured This Week</div> | |||
<div style="color: #336699; font-weight: 600; text-align: center; font-size: 14px;">[[All Featured Content|View All →]]</div> | |||
</div> | |||
<div style="display: flex; flex-direction: column; gap: 20px;"> | |||
<div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc;"> | |||
<div style="background: #e8f0fa; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div> | |||
<div style="padding: 20px;"> | |||
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;"> | |||
<div style="background: #e8f0fa; color: #336699; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">AI TOOLS</div> | |||
<div style="color: #777777; font-size: 12px;">⭐ 4.9</div> | |||
</div> | </div> | ||
<div style="font-size: clamp(16px, 4vw, 20px); font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;"> | |||
[[AI Tools for Creators|The Complete AI Toolkit for Content Creators 2024]] | |||
<div style="font-size: | |||
</div> | </div> | ||
<div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;"> | |||
Discover 50+ AI tools revolutionizing content creation workflows. | |||
</div> | </div> | ||
<div style=" | <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;"> | ||
<div style="color: #336699; font-weight: 600; font-size: 14px;">[[AI Tools for Creators|Read Guide →]]</div> | |||
<div style="color: #777777; font-size: 12px;">Updated 2 days ago</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | |||
</div> | |||
</div> | |||
<!-- Platform Guides --> | |||
<div style="margin-bottom: 50px;"> | |||
<div style="font-size: clamp(24px, 6vw, 32px); text-align: center; margin-bottom: 25px; color: #336699;">Platform Guides</div> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px;"> | |||
<div style="background: #ffffff; padding: 20px 15px; border-radius: 12px; text-align: center; border: 1px solid #dcdcdc;"> | |||
<div style="font-size: 32px; margin-bottom: 8px;">🎬</div> | |||
<div style="font-weight: 600; margin-bottom: 4px; font-size: 14px;">[[YouTube Guides|YouTube]]</div> | |||
<div style="color: #555555; font-size: 12px;">287 Guides</div> | |||
</div> | </div> | ||
<div style="background: #ffffff; padding: 20px 15px; border-radius: 12px; text-align: center; border: 1px solid #dcdcdc;"> | |||
<div style="font-size: 32px; margin-bottom: 8px;">🎵</div> | |||
<div style=" | <div style="font-weight: 600; margin-bottom: 4px; font-size: 14px;">[[TikTok Guides|TikTok]]</div> | ||
<div style="color: #555555; font-size: 12px;">156 Guides</div> | |||
<div style=" | |||
</div> | </div> | ||
</div> | |||
</div> | |||
<!-- Community CTA --> | |||
<div style="background: #2a7f62; padding: 40px 20px; border-radius: 16px; color: white; text-align: center; margin-bottom: 40px;"> | |||
<div style="font-size: clamp(24px, 6vw, 32px); font-weight: 700; margin-bottom: 15px;">Join Our Community</div> | |||
<div style="font-size: clamp(14px, 4vw, 16px); margin-bottom: 25px; opacity: 0.9; line-height: 1.5; padding: 0 10px;"> | |||
Share knowledge, help others, and build a natural encyclopedia with trusted content. | |||
</div> | </div> | ||
<div style="display: flex; gap: 12px; flex-direction: column; align-items: center;"> | |||
< | <div style="background: #336699; color: white; padding: 12px 25px; border-radius: 20px; font-weight: 600; font-size: 14px; width: fit-content;">[[How to Contribute|Start Contributing]]</div> | ||
<div style="background: transparent; color: white; border: 2px solid rgba(255,255,255,0.3); padding: 12px 25px; border-radius: 20px; font-weight: 600; font-size: 14px; width: fit-content;">[[Contribution Guidelines|Read Guidelines]]</div> | |||
</div> | </div> | ||
</div> | |||
</div> | </div> | ||
Revision as of 23:54, 28 December 2025
Bhikitia
A trusted, community-guided encyclopedia
5,287 Articles
128,940 Contributors
Updated Daily
Welcome to Bhikitia
Your trusted source for verified knowledge. Join 128,940+ contributors building a natural and educational encyclopedia.
Featured This Week
AI TOOLS
⭐ 4.9
Discover 50+ AI tools revolutionizing content creation workflows.
Updated 2 days ago
Join Our Community
Share knowledge, help others, and build a natural encyclopedia with trusted content.