Main Page: Difference between revisions
no edit summary
Arisepedia (talk | contribs) No edit summary |
Arisepedia (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<div style="background: | <!-- Hero Section --> | ||
<div style="background: #fc5351; color: #ffffff; padding: 60px 30px; border-radius: 20px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); text-align: center; margin-bottom: 40px;"> | |||
<h1 style="font-size: 3.5em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1> | <h1 style="font-size: 3.5em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1> | ||
<p style="font-size: 1.25em; margin: 20px 0; font-weight: 300;">Your gateway to refined, sophisticated knowledge. Dive into our premium collection of biographies and more, curated for discerning learners.</p> | <p style="font-size: 1.25em; margin: 20px 0; font-weight: 300;">Your gateway to refined, sophisticated knowledge. Dive into our premium collection of biographies and more, curated for discerning learners.</p> | ||
| Line 5: | Line 6: | ||
</div> | </div> | ||
<!-- Info Cards --> | |||
<div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 20px; border: 1px solid #e0e0e0; margin-bottom: 20px;"> | <div style="background: #ffffff; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 20px; border: 1px solid #e0e0e0; margin-bottom: 20px;"> | ||
<h2 style="font-size: 2.2em; color: #6c0cec; border-bottom: 3px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px;">What is Arisepedia?</h2> | <h2 style="font-size: 2.2em; color: #6c0cec; border-bottom: 3px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px;">What is Arisepedia?</h2> | ||
| Line 20: | Line 22: | ||
</div> | </div> | ||
<div style="background: # | <!-- CTA Section --> | ||
<h2 style="font-size: 2.2em; font-weight: 700; margin: 0;">Get in Touch</h2> | <div style="background: #f4f4f4; color: #333; padding: 40px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); text-align: center; margin-top: 40px;"> | ||
<p style="font-size: 1.2em; margin-top: 15px;">We invite you to connect with us for contributions, feedback, or community engagement. Reach out at <a href="mailto:contact@arisepedia.in" style="color: # | <h2 style="font-size: 2.2em; font-weight: 700; margin: 0; color: #fc5351;">Get in Touch</h2> | ||
<p style="font-size: 1.2em; margin-top: 15px;">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 --> | |||
<div style="text-align: center; padding: 30px; 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: 40px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);"> | ||
<p style="margin: 0; color: #777; font-size: 1.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> | ||