Main Page: Difference between revisions

From Arisepedia
No edit summary
No edit summary
Line 9: Line 9:


<!-- Main Content Wrapper -->
<!-- Main Content Wrapper -->
<div style="width: 90%; max-width: 1200px; margin: 30px auto; padding: 20px; background-color: #ffffff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);">
<div style="width: 90%; max-width: 1200px; margin: 40px auto; padding: 30px; background-color: #ffffff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.7; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);">


   <!-- Hero Section -->
   <!-- Hero Section -->
   <div style="background: linear-gradient(135deg, #003366, #009999); color: #ffffff; padding: 60px 20px; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); text-align: center; margin-bottom: 40px;">
   <div style="background: linear-gradient(135deg, #003366, #009999); color: #ffffff; padding: 80px 30px; border-radius: 15px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 50px;">
     <h1 style="font-size: 2.5em; font-weight: 600; margin: 0;">Welcome to Arisepedia</h1>
     <h1 style="font-size: 3em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1>
     <p style="font-size: 1.1em; margin: 15px 0; font-weight: 300;">Discover a curated knowledge base with expert insights and comprehensive content. Elevate your learning experience with sophistication.</p>
     <p style="font-size: 1.2em; margin: 20px 0; font-weight: 300;">Discover a curated knowledge base with expert insights and sophisticated content. Elevate your learning experience with unparalleled quality.</p>
     <a href="#contact" style="display: inline-block; background: #ffffff; color: #003366; padding: 12px 24px; border-radius: 25px; text-decoration: none; font-size: 1.1em; font-weight: 600; margin-top: 20px; transition: background 0.3s, color 0.3s; border: 2px solid #003366;">Contact Us</a>
     <a href="#contact" style="display: inline-block; background: #ffffff; color: #003366; 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 #003366;">Contact 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: #f9f9f9; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); padding: 20px; border: 1px solid #e0e0e0;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
       <h2 style="font-size: 1.8em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;">What is Arisepedia?</h2>
       <h2 style="font-size: 2em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">What is Arisepedia?</h2>
       <p style="font-size: 1em; color: #555; font-weight: 300;">Arisepedia is a premium online encyclopedia, offering accurate and accessible information across a wide range of topics. Curated by experts, it provides a sophisticated learning experience.</p>
       <p style="font-size: 1.1em; color: #555; font-weight: 300;">Arisepedia is a premium online encyclopedia, offering accurate and accessible information across a wide range of topics. Curated by experts, it provides a sophisticated learning experience.</p>
     </div>
     </div>


     <!-- Information Card: Our Mission -->
     <!-- Information Card: Our Mission -->
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); padding: 20px; border: 1px solid #e0e0e0;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
       <h2 style="font-size: 1.8em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;">Our Mission</h2>
       <h2 style="font-size: 2em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">Our Mission</h2>
       <p style="font-size: 1em; color: #555; font-weight: 300;">Our mission is to deliver the most advanced and comprehensive encyclopedia. We strive to make knowledge accessible and engaging for all users, ensuring a valuable resource for learning.</p>
       <p style="font-size: 1.1em; color: #555; font-weight: 300;">Our mission is to deliver the most advanced and comprehensive encyclopedia. We strive to make knowledge accessible and engaging for all users, ensuring a valuable resource for learning.</p>
     </div>
     </div>


     <!-- Information Card: Administration -->
     <!-- Information Card: Administration -->
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); padding: 20px; border: 1px solid #e0e0e0;">
     <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
       <h2 style="font-size: 1.8em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;">Administration</h2>
       <h2 style="font-size: 2em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">Administration</h2>
       <p style="font-size: 1em; color: #555; font-weight: 300;">Our dedicated team of editors and experts ensures the quality and reliability of content. We are committed to maintaining high standards of accuracy and inclusivity.</p>
       <p style="font-size: 1.1em; color: #555; font-weight: 300;">Our dedicated team of editors and experts ensures the quality and reliability of content. We are committed to maintaining high standards of accuracy and inclusivity.</p>
     </div>
     </div>


Line 42: Line 42:


   <!-- Call to Action Section -->
   <!-- Call to Action Section -->
   <div style="background: #f9f9f9; border-left: 8px solid #003366; padding: 30px; margin: 40px 0; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);">
   <div style="background: #f9f9f9; border-left: 8px solid #003366; padding: 40px; margin: 50px 0; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);">
     <h2 style="color: #003366; font-size: 2em; font-weight: 600; margin: 0;">Get in Touch</h2>
     <h2 style="color: #003366; font-size: 2.2em; font-weight: 700; margin: 0;">Get in Touch</h2>
     <p style="color: #333; font-size: 1em; margin-top: 10px;">We invite you to connect with us. Whether you're interested in contributing, providing feedback, or engaging with our community, we're eager to hear from you. Reach out at <a href="mailto:contact@arisepedia.in" style="color: #003366; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p>
     <p style="color: #333; font-size: 1.1em; margin-top: 15px;">We invite you to connect with us. Whether you're interested in contributing, providing feedback, or engaging with our community, we're eager to hear from you. Reach out at <a href="mailto:contact@arisepedia.in" style="color: #003366; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p>
   </div>
   </div>


   <!-- Footer -->
   <!-- Footer -->
   <div style="text-align: center; padding: 20px; background: #f9f9f9; 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: #f9f9f9; 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: 1em;">© 2024 Arisepedia. All rights reserved.</p>
     <p style="margin: 0; color: #777; font-size: 1.1em;">© 2024 Arisepedia. All rights reserved.</p>
   </div>
   </div>


</div>
</div>

Revision as of 18:20, 26 July 2024



Welcome to Arisepedia

Discover a curated knowledge base with expert insights and sophisticated content. Elevate your learning experience with unparalleled quality.

   <a href="#contact" style="display: inline-block; background: #ffffff; color: #003366; 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 #003366;">Contact Us</a>

What is Arisepedia?

Arisepedia is a premium online encyclopedia, offering accurate and accessible information across a wide range of topics. Curated by experts, it provides a sophisticated learning experience.

Our Mission

Our mission is to deliver the most advanced and comprehensive encyclopedia. We strive to make knowledge accessible and engaging for all users, ensuring a valuable resource for learning.

Administration

Our dedicated team of editors and experts ensures the quality and reliability of content. We are committed to maintaining high standards of accuracy and inclusivity.

Get in Touch

We invite you to connect with us. Whether you're interested in contributing, providing feedback, or engaging with our community, we're eager to hear from you. Reach out at <a href="mailto:contact@arisepedia.in" style="color: #003366; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.

© 2024 Arisepedia. All rights reserved.