Main Page: Difference between revisions

From Arisepedia
VisualWikitext
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* Custom styles for Arisepedia homepage */
{{#seo:
.hero-section {
|title_mode=append
  background: linear-gradient(135deg, #fc5351, #6c0cec);
|keywords=Arisepedia, Biography Encyclopedia, Premium Encyclopedia, Refined Encyclopedia
  color: #ffffff;
|description=Explore Arisepedia, a refined and premium encyclopedia dedicated to biographies and more. Discover insightful and curated content with sophistication.
  padding: 80px 30px;
|site_name=Arisepedia, The Refined Encyclopedia
  border-radius: 15px;
}}
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-bottom: 50px;
}


.hero-section h1 {
__NOTOC__
  font-size: 3.2em;
  font-weight: 700;
  margin: 0;
}


.hero-section p {
<!-- Main Content Wrapper -->
  font-size: 1.2em;
<div style="width: 90%; max-width: 1200px; margin: 40px auto; padding: 30px; background-color: #ffffff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.7; border-radius: 15px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);">
  margin: 20px 0;
  font-weight: 300;
}


.hero-button {
  <!-- Hero Section -->
  display: inline-block;
  <div style="background: linear-gradient(135deg, #fc5351, #6c0cec); color: #ffffff; padding: 80px 30px; border-radius: 15px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 50px;">
  background: #ffffff;
    <h1 style="font-size: 3.2em; font-weight: 700; margin: 0;">Welcome to Arisepedia</h1>
  color: #fc5351;
    <p style="font-size: 1.2em; 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>
  padding: 15px 30px;
    <a href="#contact" style="display: inline-block; background: #ffffff; color: #fc5351; padding: 15px 30px; border-radius: 30px; text-decoration: none; font-size: 1.2em; font-weight: 600; margin-top: 20px; transition: background 0.3s, color 0.3s; border: 2px solid #fc5351;">Get In Touch</a>
  border-radius: 30px;
  </div>
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 20px;
  transition: background 0.3s, color 0.3s;
  border: 2px solid #fc5351;
}


.hero-button:hover {
  <!-- Main Information Sections -->
   background: #fc5351;
   <div style="display: flex; flex-wrap: wrap; gap: 20px;">
  color: #ffffff;
}


.info-card {
    <!-- Information Card: What is Arisepedia -->
  background: #f9f9f9;
    <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
  border-radius: 15px;
      <h2 style="font-size: 2.2em; color: #6c0cec; border-bottom: 3px solid #6c0cec; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">What is Arisepedia?</h2>
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
      <p style="font-size: 1.1em; color: #555; font-weight: 300;">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>
  padding: 30px;
    </div>
  border: 1px solid #e0e0e0;
  margin-bottom: 20px;
}


.info-card h2 {
    <!-- Information Card: Our Mission -->
  font-size: 2.2em;
    <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
  border-bottom: 3px solid;
      <h2 style="font-size: 2.2em; color: #a52ab1; border-bottom: 3px solid #a52ab1; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">Our Mission</h2>
  padding-bottom: 10px;
      <p style="font-size: 1.1em; color: #555; font-weight: 300;">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>
  margin-bottom: 20px;
    </div>
  font-weight: 700;
}


.cta-section {
    <!-- Information Card: Administration -->
  background: #fc5351;
    <div style="flex: 1 1 calc(50% - 20px); max-width: 600px; background: #f9f9f9; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 30px; border: 1px solid #e0e0e0;">
  color: #ffffff;
      <h2 style="font-size: 2.2em; color: #cf4382; border-bottom: 3px solid #cf4382; padding-bottom: 10px; margin-bottom: 20px; font-weight: 700;">Administration</h2>
  padding: 40px;
      <p style="font-size: 1.1em; color: #555; font-weight: 300;">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>
  margin: 50px 0;
    </div>
  border-radius: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}


.cta-section h2 {
   </div>
   font-size: 2.2em;
  font-weight: 700;
  margin: 0;
}


.cta-section p {
  <!-- Call to Action Section -->
  font-size: 1.2em;
  <div style="background: #fc5351; color: #ffffff; padding: 40px; margin: 50px 0; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);">
  margin-top: 15px;
    <h2 style="font-size: 2.2em; font-weight: 700; margin: 0;">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: #ffffff; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.</p>
  </div>


.footer {
  <!-- Footer -->
   text-align: center;
   <div style="text-align: center; padding: 30px; background: #f9f9f9; border-top: 1px solid #ddd; margin-top: 50px; box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);">
  padding: 30px;
    <p style="margin: 0; color: #777; font-size: 1.1em;">© 2024 Arisepedia. All rights reserved.</p>
  background: #f9f9f9;
  </div>
  border-top: 1px solid #ddd;
  margin-top: 50px;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}


.footer p {
</div>
  margin: 0;
  color: #777;
  font-size: 1.1em;
}

Revision as of 18:26, 26 July 2024



Welcome to Arisepedia

Your gateway to refined, sophisticated knowledge. Dive into our premium collection of biographies and more, curated for discerning learners.

   <a href="#contact" style="display: inline-block; background: #ffffff; color: #fc5351; padding: 15px 30px; border-radius: 30px; text-decoration: none; font-size: 1.2em; font-weight: 600; margin-top: 20px; transition: background 0.3s, color 0.3s; border: 2px solid #fc5351;">Get In Touch</a>

What is Arisepedia?

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.

Our Mission

We aim to be the premier source of biography and refined knowledge, delivering curated content that meets the highest standards of accuracy and sophistication.

Administration

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.

Get in Touch

We invite you to connect with us for contributions, feedback, or community engagement. Reach out at <a href="mailto:contact@arisepedia.in" style="color: #ffffff; font-weight: 600; text-decoration: underline;">contact@arisepedia.in</a>.

© 2024 Arisepedia. All rights reserved.

Retrieved from "https://arisepedia.com/index.php?title=Main_Page&oldid=84"