Main Page: Difference between revisions

<div style="width: 85%; max-width: 1200px; margin: 40px auto; padding: 30px; background-color: #f9f9f9; font-family: 'Arial', sans-serif; color: #333; line-height: 1.7;">

   <div style="background: linear-gradient(135deg, #0033cc 0%, #00cc99 100%); color: #fff; padding: 60px 30px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 40px;">

     <h1 style="font-size: 3.5em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1>

     <p style="font-size: 1.4em; margin: 20px 0;">A premium source for curated, in-depth knowledge across diverse fields. Empowering learning and exploration with excellence.</p>

     <a href="#contact" style="display: inline-block; background: #ffffff; color: #0033cc; padding: 15px 30px; border-radius: 30px; text-decoration: none; font-size: 1.2em; font-weight: 600; margin-top: 20px; transition: background 0.3s, color 0.3s; border: 2px solid #0033cc;">Get in Touch</a>

   <!-- Main Information Sections -->

   <div style="display: flex; flex-wrap: wrap; gap: 30px;">

     <!-- Information Card: What is Arisepedia -->

     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); padding: 30px; border: 1px solid #e0e0e0;">

       <h2 style="font-size: 2.6em; color: #333; border-bottom: 2px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 20px; font-weight: 700;">What is Arisepedia?</h2>

       <p style="font-size: 1.2em; color: #555;">Arisepedia represents the pinnacle of online encyclopedias, combining accuracy, depth, and accessibility. Our platform, crafted by a team of passionate experts, provides a rich and reliable knowledge base for inquisitive minds.</p>

     <!-- Information Card: Our Mission -->

     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); padding: 30px; border: 1px solid #e0e0e0;">

       <h2 style="font-size: 2.6em; color: #333; border-bottom: 2px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 20px; font-weight: 700;">Our Mission</h2>

       <p style="font-size: 1.2em; color: #555;">Our goal is to establish Arisepedia as the most advanced and sophisticated encyclopedia, offering an expansive and easily navigable repository of knowledge. We aim to serve as a trusted resource for people of all backgrounds.</p>

     <!-- Information Card: Administration -->

     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); padding: 30px; border: 1px solid #e0e0e0;">

       <h2 style="font-size: 2.6em; color: #333; border-bottom: 2px solid #e0e0e0; padding-bottom: 15px; margin-bottom: 20px; font-weight: 700;">Administration</h2>

       <p style="font-size: 1.2em; color: #555;">Our team of experienced editors, researchers, and subject matter experts ensures the highest quality of content. We are dedicated to maintaining strict standards of accuracy, neutrality, and inclusivity.</p>

   <!-- Call to Action Section -->

   <div style="background: #ffffff; border-left: 6px solid #0033cc; padding: 30px; margin: 40px 0; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);">

     <h2 style="color: #0033cc; font-size: 2.4em; font-weight: 700; margin: 0;">Connect with Us</h2>

     <p style="color: #333; font-size: 1.2em; margin-top: 10px;">We encourage your engagement. Whether you wish to contribute, provide feedback, or join our community, we are here to connect with you. Reach us via social media or email us at <a href="mailto:contact@arisepedia.in" style="color: #0033cc; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p>