|
|
| Line 1: |
Line 1: |
| <!-- Hero Section -->
| | <div class="hero"> |
| <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>Welcome to Arisepedia</h1> |
| <h1 style="font-size: 6vw; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1> | | <p>Your gateway to refined, sophisticated knowledge. Dive into our premium collection of biographies and more, curated for discerning learners.</p> |
| <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">Get In Touch</a> |
| <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 -->
| | <div class="card"> |
| <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>What is Arisepedia?</h2> |
| <h2 style="font-size: 5vw; color: #6c0cec; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">What is Arisepedia?</h2> | | <p>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> |
| <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: 4vw; border: 1px solid #e0e0e0; margin-bottom: 5vw;"> | | <div class="card"> |
| <h2 style="font-size: 5vw; color: #a52ab1; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">Our Mission</h2> | | <h2>Our Mission</h2> |
| <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> | | <p>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: 4vw; border: 1px solid #e0e0e0; margin-bottom: 5vw;"> | | <div class="card"> |
| <h2 style="font-size: 5vw; color: #cf4382; border-bottom: 3px solid #e0e0e0; padding-bottom: 1vw; margin-bottom: 2vw;">Administration</h2> | | <h2>Administration</h2> |
| <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> | | <p>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 -->
| | <div class="cta"> |
| <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>Get in Touch</h2> |
| <h2 style="font-size: 5vw; font-weight: 700; margin: 0; color: #fc5351;">Get in Touch</h2> | | <p>We invite you to connect with us for contributions, feedback, or community engagement. Reach out at <a href="mailto:contact@arisepedia.in">contact@arisepedia.in</a>.</p> |
| <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 -->
| | <div class="footer"> |
| <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>© 2024 Arisepedia. All rights reserved.</p> |
| <p style="margin: 0; color: #777; font-size: 2vw;">© 2024 Arisepedia. All rights reserved.</p> | |
| </div> | | </div> |
