Main Page: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 9: Line 9:


<!-- Main Content Wrapper -->
<!-- Main Content Wrapper -->
<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="width: 85%; max-width: 1200px; margin: 50px auto; padding: 40px; background-color: #f4f6f9; font-family: 'Georgia', serif; color: #333; line-height: 1.75;">
 
 
   <!-- Hero Section -->
   <!-- Hero Section -->
   <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;">
   <div style="background: linear-gradient(135deg, #0033cc 0%, #00cc99 100%); color: #fff; padding: 70px 40px; border-radius: 25px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 50px;">
     <h1 style="font-size: 3.5em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1>
     <h1 style="font-size: 3.8em; 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>
     <p style="font-size: 1.4em; margin: 20px 0; font-weight: 300;">Discover an unparalleled source of curated knowledge with expert insights and comprehensive coverage. Empowering learning with sophistication.</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>
     <a href="#contact" style="display: inline-block; background: #ffffff; color: #0033cc; padding: 15px 30px; border-radius: 30px; text-decoration: none; font-size: 1.3em; font-weight: 600; margin-top: 20px; transition: background 0.3s, color 0.3s; border: 2px solid #0033cc;">Connect with Us</a>
   </div>
   </div>


Line 22: Line 22:


     <!-- Information Card: What is Arisepedia -->
     <!-- 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;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); padding: 40px; 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>
       <h2 style="font-size: 2.8em; color: #222; 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>
       <p style="font-size: 1.3em; color: #555; font-weight: 300;">Arisepedia is the epitome of online encyclopedias, blending accuracy, depth, and accessibility. Our platform, curated by a team of experts, offers a wealth of reliable information and insights.</p>
     </div>
     </div>


     <!-- Information Card: Our Mission -->
     <!-- 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;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); padding: 40px; 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>
       <h2 style="font-size: 2.8em; color: #222; 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>
       <p style="font-size: 1.3em; color: #555; font-weight: 300;">Our mission is to craft the most advanced and sophisticated encyclopedia, serving as a trusted knowledge base. We aim to provide a comprehensive, accessible, and navigable repository of information for everyone.</p>
     </div>
     </div>


     <!-- Information Card: Administration -->
     <!-- 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;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #ffffff; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); padding: 40px; 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>
       <h2 style="font-size: 2.8em; color: #222; 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>
       <p style="font-size: 1.3em; color: #555; font-weight: 300;">Our administration team comprises experienced editors, researchers, and experts committed to ensuring high-quality, accurate, and inclusive content. We uphold the highest standards of neutrality and precision.</p>
     </div>
     </div>


Line 42: Line 42:


   <!-- Call to Action Section -->
   <!-- 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);">
   <div style="background: #ffffff; border-left: 8px solid #0033cc; padding: 40px; margin: 50px 0; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);">
     <h2 style="color: #0033cc; font-size: 2.4em; font-weight: 700; margin: 0;">Connect with Us</h2>
     <h2 style="color: #0033cc; font-size: 2.6em; 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>
     <p style="color: #333; font-size: 1.3em; margin-top: 10px;">We welcome your engagement. Whether you wish to contribute, provide feedback, or connect with our community, we are eager to hear from you. Reach us via social media or email at <a href="mailto:contact@arisepedia.in" style="color: #0033cc; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p>
   </div>
   </div>


   <!-- Footer -->
   <!-- Footer -->
   <div style="text-align: center; padding: 20px; background: #ffffff; border-top: 1px solid #ddd; margin-top: 40px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);">
   <div style="text-align: center; padding: 30px; background: #ffffff; border-top: 1px solid #ddd; margin-top: 50px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);">
     <p style="margin: 0; color: #777; font-size: 1.2em;">© 2024 Arisepedia. All rights reserved.</p>
     <p style="margin: 0; color: #777; font-size: 1.3em;">© 2024 Arisepedia. All rights reserved.</p>
   </div>
   </div>


</div>
</div>