Main Page: Difference between revisions
no edit summary
Arisepedia (talk | contribs) No edit summary |
Arisepedia (talk | contribs) No edit summary |
||
| Line 9: | Line 9: | ||
<!-- Main Content Wrapper --> | <!-- Main Content Wrapper --> | ||
<div style="width: | <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);"> | ||
<!-- Hero Section --> | <!-- Hero Section --> | ||
<div style="background: linear-gradient(135deg, #003366, #009999); color: #ffffff; padding: 60px | <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;"> | ||
<h1 style="font-size: | <h1 style="font-size: 2.5em; font-weight: 600; margin: 0;">Welcome to Arisepedia</h1> | ||
<p style="font-size: 1. | <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> | ||
<a href="#contact" style="display: inline-block; background: #ffffff; color: #003366; padding: | <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> | ||
</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: | <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;"> | ||
<h2 style="font-size: | <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> | ||
<p style="font-size: | <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> | ||
</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: | <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;"> | ||
<h2 style="font-size: | <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> | ||
<p style="font-size: | <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> | ||
</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: | <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;"> | ||
<h2 style="font-size: | <h2 style="font-size: 1.8em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; font-weight: 600;">Administration</h2> | ||
<p style="font-size: | <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> | ||
</div> | </div> | ||
| Line 43: | Line 43: | ||
<!-- 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: 30px; margin: 40px 0; border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);"> | ||
<h2 style="color: #003366; font-size: | <h2 style="color: #003366; font-size: 2em; font-weight: 600; margin: 0;">Get in Touch</h2> | ||
<p style="color: #333; font-size: | <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> | ||
</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: 20px; background: #f9f9f9; border-top: 1px solid #ddd; margin-top: 40px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);"> | ||
<p style="margin: 0; color: #777; font-size: | <p style="margin: 0; color: #777; font-size: 1em;">© 2024 Arisepedia. All rights reserved.</p> | ||
</div> | </div> | ||
</div> | </div> | ||