Jump to content

Main Page: Difference between revisions

no edit summary
No edit summary
No edit summary
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>