Bhikitia Pro:English Main Page: Difference between revisions

From Bhikitia Pro, An open encyclopedia
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 2: Line 2:


   <!-- Header -->
   <!-- Header -->
   <div style="background: #2a7f62; padding: 30px 15px; text-align: center; color: white;">
   <div style="background: #336699; padding: 30px 15px; text-align: center; color: white;">
     <div style="max-width: 1200px; margin: 0 auto; padding: 0 10px;">
     <div style="max-width: 1200px; margin: 0 auto; padding: 0 10px;">
       <div style="font-size: clamp(32px, 8vw, 48px); font-weight: 700; margin-bottom: 8px;">Bhikitia</div>
       <div style="font-size: clamp(36px, 8vw, 52px); 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;">
       <div style="font-size: clamp(16px, 4vw, 20px); margin-bottom: 20px; opacity: 0.9; padding: 0 10px;">
         A trusted, community-guided multilingual encyclopedia
         A trusted, community-guided encyclopedia
       </div>
       </div>
       <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
       <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
Line 20: Line 20:
     <div style="max-width: 1200px; margin: 0 auto; padding: 0 15px;">
     <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="display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;">
         <div style="background: #e0f0ec; color: #2a7f62; padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;">🏠 [[Main Page|Home]]</div>
         <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;">[[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;">[[Featured Content|Featured]]</div>
Line 28: Line 28:
   </div>
   </div>


   <!-- Main Content -->
   <!-- Hero Section -->
   <div style="max-width: 1200px; margin: 0 auto; padding: 30px 15px;">
   <div style="max-width: 1200px; margin: 0 auto; padding: 30px 15px;">
    <!-- Hero Section -->
     <div style="display: flex; flex-direction: column; gap: 20px; margin-bottom: 40px;">
     <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="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(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;">
         <div style="font-size: clamp(14px, 4vw, 18px); margin-bottom: 20px; opacity: 0.9; line-height: 1.5;">
           Bhikitia is a multilingual, community-driven encyclopedia launched in 2024. Join 128,940+ contributors building a verified, educational knowledge platform.
           Your trusted source for verified knowledge. Join 128,940+ contributors building a natural and educational encyclopedia.
         </div>
         </div>
         <div style="background: #2a7f62; color: white; padding: 10px 25px; border-radius: 20px; font-weight: 600; display: inline-block; font-size: 14px;">[[Getting Started|Start Exploring]]</div>
         <div style="background: #2a7f62; color: white; padding: 10px 25px; border-radius: 20px; font-weight: 600; display: inline-block; font-size: 14px;">[[Getting Started|Start Exploring]]</div>
Line 42: Line 40:
     </div>
     </div>


    <!-- About Bhikitia -->
     <!-- Featured This Week -->
    <div style="margin-bottom: 50px; background: #ffffff; padding: 25px; border-radius: 12px; border: 1px solid #dcdcdc;">
      <div style="font-size: 20px; font-weight: 700; color: #2a7f62; margin-bottom: 15px;">About Bhikitia</div>
      <div style="line-height: 1.6; color: #555555; font-size: 14px; margin-bottom: 10px;">
        Bhikitia.org is an open online encyclopedia based in Bangladesh, focusing on both Bengali and English content. It operates on MediaWiki, the same software behind Wikipedia, enabling collaborative content creation.
      </div>
      <div style="line-height: 1.6; color: #555555; font-size: 14px; margin-bottom: 10px;">
        The platform is governed by the <strong>Bhikitia Authority</strong>, with Parvej Husen Talukder serving as Chairman & CFO. Other key roles include CEO, CTO, and CCO to ensure operational and community guidance.
      </div>
      <div style="line-height: 1.6; color: #555555; font-size: 14px;">
        Bhikitia's mission is to make knowledge accessible globally, with verified content and a multilingual approach to underrepresented languages. All content is licensed under <strong>CC BY-SA 4.0</strong>.
      </div>
    </div>
 
     <!-- Featured Articles -->
     <div style="margin-bottom: 50px;">
     <div style="margin-bottom: 50px;">
       <div style="font-size: clamp(24px, 6vw, 32px); text-align: center; color: #2a7f62; margin-bottom: 25px;">Featured This Week</div>
       <div style="font-size: clamp(24px, 6vw, 32px); text-align: center; color: #2a7f62; margin-bottom: 25px;">Featured This Week</div>
       <div style="display: flex; flex-direction: column; gap: 20px;">
       <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;">
         <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc;">
 
        <!-- Card 1 -->
         <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;">
          <div style="background: #e0f0ec; 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: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">HISTORY</div>
              <div style="color: #777777; font-size: 12px;">⭐ 4.8</div>
            </div>
            <div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">
              [[Bhikitia History|The Origins of Bhikitia]]
            </div>
            <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">
              Explore the foundation of Bhikitia, its mission, and early contributors shaping the community.
            </div>
            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
              <div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia History|Read More →]]</div>
              <div style="color: #777777; font-size: 12px;">Updated 3 days ago</div>
            </div>
          </div>
        </div>
 
        <!-- Card 2 -->
        <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;">
           <div style="background: #e0f0ec; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div>
           <div style="background: #e0f0ec; height: 6px; border-top-left-radius: 12px; border-top-right-radius: 12px;"></div>
           <div style="padding: 20px;">
           <div style="padding: 20px;">
             <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;">
             <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap;">
               <div style="background: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">AI TOOLS</div>
               <div style="background: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">TECHNOLOGY</div>
               <div style="color: #777777; font-size: 12px;">⭐ 4.9</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;">
             <div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">
               [[AI Tools for Creators|The Complete AI Toolkit for Content Creators 2024]]
              [[Bhikitia Tech|MediaWiki Setup & Features]]
            </div>
            <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">
              Learn how Bhikitia leverages MediaWiki to create a collaborative encyclopedia platform.
            </div>
            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
              <div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia Tech|Read More →]]</div>
              <div style="color: #777777; font-size: 12px;">Updated 5 days ago</div>
            </div>
          </div>
        </div>
 
        <!-- Card 3 -->
        <div style="background: #ffffff; border-radius: 12px; border: 1px solid #dcdcdc; width: 300px;">
          <div style="background: #e0f0ec; 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: #e0f0ec; color: #2a7f62; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600;">COMMUNITY</div>
              <div style="color: #777777; font-size: 12px;">⭐ 4.7</div>
            </div>
            <div style="font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #2d2d2d; line-height: 1.3;">
               [[Bhikitia Community|Contributors Spotlight]]
             </div>
             </div>
             <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">
             <div style="color: #555555; line-height: 1.5; margin-bottom: 15px; font-size: 14px;">
               Discover 50+ AI tools revolutionizing content creation workflows.
               Highlighting the most active contributors and their remarkable contributions to Bhikitia.
             </div>
             </div>
             <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
             <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
               <div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[AI Tools for Creators|Read Guide →]]</div>
               <div style="color: #2a7f62; font-weight: 600; font-size: 14px;">[[Bhikitia Community|Read More →]]</div>
               <div style="color: #777777; font-size: 12px;">Updated 2 days ago</div>
               <div style="color: #777777; font-size: 12px;">Updated 1 week ago</div>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>


     <!-- Community CTA -->
     <!-- Community CTA -->
     <div style="background: #336699; padding: 40px 20px; border-radius: 16px; color: white; text-align: center; margin-bottom: 40px;">
     <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(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;">
       <div style="font-size: clamp(14px, 4vw, 16px); margin-bottom: 25px; opacity: 0.9; line-height: 1.5; padding: 0 10px;">
         Contribute knowledge, help others, and build a natural encyclopedia with verified content.
         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="display: flex; gap: 12px; flex-direction: column; align-items: center;">
         <div style="background: #2a7f62; 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: #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 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>

Revision as of 00:00, 29 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
HISTORY
⭐ 4.8
             Explore the foundation of Bhikitia, its mission, and early contributors shaping the community.
Updated 3 days ago
TECHNOLOGY
⭐ 4.9
             Learn how Bhikitia leverages MediaWiki to create a collaborative encyclopedia platform.
Updated 5 days ago
COMMUNITY
⭐ 4.7
             Highlighting the most active contributors and their remarkable contributions to Bhikitia.
Updated 1 week ago
Join Our Community
       Share knowledge, help others, and build a natural encyclopedia with trusted content.