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: 85%; max-width: 1200px; margin: 40px auto; padding: 20px; background-color: #f5f7f9; font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; line-height: 1.6;"> | ||
<!-- Hero Section --> | <!-- Hero Section --> | ||
<div style="background: | <div style="background: #0056b3; color: #fff; padding: 50px 30px; border-radius: 15px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); text-align: center; margin-bottom: 40px;"> | ||
<h1 style="font-size: | <h1 style="font-size: 3.2em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1> | ||
<p style="font-size: 1. | <p style="font-size: 1.3em; margin: 20px 0 0;">Discover a premier source of knowledge with meticulously curated content and expert insights.</p> | ||
<a href="#contact" style="display: inline-block; background: #ffffff; color: # | <a href="#contact" style="display: inline-block; background: #ffffff; color: #0056b3; padding: 15px 30px; border-radius: 30px; text-decoration: none; font-size: 1.2em; font-weight: 600; margin-top: 20px; transition: background 0.3s ease, color 0.3s ease;">Get in Touch</a> | ||
</div> | </div> | ||
<!-- Main Card --> | <!-- Main Information Cards --> | ||
<div style="display: flex; flex-wrap: wrap; gap: 20px;"> | |||
<!-- Card 1: What is Arisepedia --> | |||
<div style="flex: 1 1 100%; max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid #e0e0e0;"> | |||
<h2 style="font-size: 2.4em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 20px; font-weight: 700;">What is Arisepedia?</h2> | |||
<p style="font-size: 1.2em; color: #666;">Arisepedia is an elite online encyclopedia that provides precise and comprehensive information on a wide range of topics. Developed through collaborative knowledge-sharing, our platform is shaped by experts dedicated to delivering high-quality insights.</p> | |||
</div> | |||
<!-- Card 2: Our Mission --> | |||
<div style="flex: 1 1 100%; max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid #e0e0e0;"> | |||
<h2 style="font-size: 2.4em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 20px; font-weight: 700;">Our Mission</h2> | |||
<p style="font-size: 1.2em; color: #666;">Our mission is to build the most advanced encyclopedia, serving as a reliable resource for diverse interests. We strive to provide a comprehensive, accessible repository of knowledge that adapts to the needs of our users.</p> | |||
</div> | |||
<!-- Card 3: Administration --> | |||
<div style="flex: 1 1 100%; max-width: 600px; background: #ffffff; border-radius: 15px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid #e0e0e0;"> | |||
<h2 style="font-size: 2.4em; color: #222; border-bottom: 2px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 20px; font-weight: 700;">Administration</h2> | |||
<p style="font-size: 1.2em; color: #666;">Our administration team consists of seasoned editors, researchers, and experts who ensure the quality and accuracy of our content. We are committed to maintaining high standards of neutrality and inclusivity in all our articles.</p> | |||
</div> | |||
</div> | </div> | ||
<!-- | <!-- Contact Section --> | ||
<div style="background: # | <div style="background: #f9f9f9; border-left: 6px solid #0056b3; padding: 30px; margin: 40px 0; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);"> | ||
<h2 style="color: # | <h2 style="color: #0056b3; font-size: 2.4em; font-weight: 700; margin: 0;">Connect with Us</h2> | ||
<p style="color: #333; font-size: 1. | <p style="color: #333; font-size: 1.2em; margin-top: 10px;">We welcome your engagement! Whether you're interested in contributing, providing feedback, or connecting with our community, feel free to reach out. Contact us through our social media or email us at <a href="mailto:contact@arisepedia.in" style="color: #0056b3; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p> | ||
</div> | </div> | ||
<!-- Footer --> | <!-- Footer --> | ||
<div style="text-align: center; padding: | <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);"> | ||
<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.2em;">© 2024 Arisepedia. All rights reserved.</p> | ||
</div> | </div> | ||
</div> | </div> | ||