Main Page: Difference between revisions
no edit summary
Arisepedia (talk | contribs) No edit summary |
Arisepedia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<!-- Hero Section --> | <!-- Hero Section --> | ||
<div style="background: #fc5351; color: #ffffff; padding: | <div style="background: #fc5351; color: #ffffff; padding: 4vw 5%; border-radius: 20px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); text-align: center; margin-bottom: 5vw;"> | ||
<h1 style="font-size: | <h1 style="font-size: 6vw; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1> | ||
<p style="font-size: | <p style="font-size: 2vw; margin: 2vw 0; font-weight: 300;">Your gateway to refined, sophisticated knowledge. Dive into our premium collection of biographies and more, curated for discerning learners.</p> | ||
<a href="#contact" style="display: inline-block; background: #ffffff; color: #fc5351; padding: | <a href="#contact" style="display: inline-block; background: #ffffff; color: #fc5351; padding: 1vw 3vw; border-radius: 30px; text-decoration: none; font-size: 1.5vw; font-weight: 600; margin-top: 2vw; transition: background 0.3s, color 0.3s; border: 2px solid #fc5351;">Get In Touch</a> | ||
</div> | </div> | ||
<!-- Info Cards --> | <!-- Info Cards --> | ||
<div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: | <div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 4vw; border: 1px solid #e0e0e0; margin-bottom: 5vw;"> | ||
<h2 style="font-size: | <h2 style="font-size: 5vw; color: #6c0cec; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">What is Arisepedia?</h2> | ||
<p style="font-size: | <p style="font-size: 2vw;">Arisepedia is a premium online encyclopedia, providing sophisticated and comprehensive biographies. Our curated content ensures a refined learning experience for those seeking in-depth knowledge.</p> | ||
</div> | </div> | ||
<div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: | <div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 4vw; border: 1px solid #e0e0e0; margin-bottom: 5vw;"> | ||
<h2 style="font-size: | <h2 style="font-size: 5vw; color: #a52ab1; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">Our Mission</h2> | ||
<p style="font-size: | <p style="font-size: 2vw;">We aim to be the premier source of biography and refined knowledge, delivering curated content that meets the highest standards of accuracy and sophistication.</p> | ||
</div> | </div> | ||
<div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: | <div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 4vw; border: 1px solid #e0e0e0; margin-bottom: 5vw;"> | ||
<h2 style="font-size: | <h2 style="font-size: 5vw; color: #cf4382; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">Administration</h2> | ||
<p style="font-size: | <p style="font-size: 2vw;">Managed by a team of experts, Arisepedia ensures the highest standards of content quality and reliability. Our editors and researchers work tirelessly to maintain accuracy and inclusivity.</p> | ||
</div> | </div> | ||
<!-- CTA Section --> | <!-- CTA Section --> | ||
<div style="background: #f4f4f4; color: #333; padding: | <div style="background: #f4f4f4; color: #333; padding: 4vw; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); text-align: center; margin-top: 5vw;"> | ||
<h2 style="font-size: | <h2 style="font-size: 5vw; font-weight: 700; margin: 0; color: #fc5351;">Get in Touch</h2> | ||
<p style="font-size: | <p style="font-size: 2vw; margin-top: 2vw;">We invite you to connect with us for contributions, feedback, or community engagement. Reach out at <a href="mailto:contact@arisepedia.in" style="color: #fc5351; font-weight: 600; text-decoration: underline; transition: color 0.3s;">contact@arisepedia.in</a>.</p> | ||
</div> | </div> | ||
<!-- Footer --> | <!-- Footer --> | ||
<div style="text-align: center; padding: | <div style="text-align: center; padding: 4vw; background: #ffffff; border-top: 1px solid #ddd; margin-top: 5vw; 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: 2vw;">© 2024 Arisepedia. All rights reserved.</p> | ||
</div> | </div> | ||