Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:FAQ: Difference between revisions

Template page
Ben (talk | contribs)
Created page with "<div style="max-width: 1200px; margin: 0 auto; padding: 20px; font-family: 'Segoe UI', Arial, sans-serif;"> <!-- FAQ Header --> <div style="text-align: center; margin-bottom: 40px;"> <h1 style="color: #FFA726; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-size: 2.5em;">❔ Frequently Asked Questions</h1> <p style="color: #B0BEC5;">Hover over questions for highlight effect</p> </div> <!-- FAQ Grid --> <div style="display: grid; grid-template-columns: repeat(aut..."
 
Ben (talk | contribs)
No edit summary
Line 12: Line 12:
<!-- FAQ Category 1 -->
<!-- FAQ Category 1 -->
<div style="background: rgba(26, 26, 26, 0.9); border-radius: 12px; padding: 20px; border-left: 5px solid #4CAF50; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
<div style="background: rgba(26, 26, 26, 0.9); border-radius: 12px; padding: 20px; border-left: 5px solid #4CAF50; box-shadow: 0 6px 12px rgba(0,0,0,0.2);">
     <h2 style="color: #4CAF50; margin-top: 0; font-size: 1.4em; border-bottom: 2px solid #388E3C; padding-bottom: 8px;">🔍 General Questions</h2>
     <h2 style="color: #4CAF50; margin-top: 0; font-size: 1.4em; border-bottom: 2px solid #388E3C; padding-bottom: 8px;">🔍 example</h2>
      
      
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px; transition: transform 0.2s;" class="faq-item">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px; transition: transform 0.2s;" class="faq-item">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">📌 How do I get started?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">📌 example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #4CAF50;">Create an account and follow the onboarding tutorial...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #4CAF50;">example</p>
     </div>
     </div>


     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">📌 Is there free trial available?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">📌 example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #4CAF50;">Yes, we offer a 7-day free trial...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #4CAF50;">example</p>
     </div>
     </div>
</div>
</div>
Line 30: Line 30:
      
      
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🔧 System requirements?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🔧 example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #2196F3;">Windows 10+ or macOS 10.15+ with...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #2196F3;">Windows 10+ or macOS 10.15+ with...</p>
     </div>
     </div>


     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🔧 How to update?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🔧 example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #2196F3;">Updates are automatic through our client...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #2196F3;">example</p>
     </div>
     </div>
</div>
</div>
Line 45: Line 45:
      
      
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🛡️ Password reset?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🛡️ example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #E91E63;">Use the 'Forgot Password' link on login page...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #E91E63;">example</p>
     </div>
     </div>


     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
     <div style="margin: 15px 0; background: rgba(50, 50, 50, 0.4); padding: 12px; border-radius: 6px;">
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🛡️ 2FA enabled?</strong>
         <strong style="color: #E0E0E0; display: block; margin-bottom: 8px;">🛡️ example</strong>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #E91E63;">Yes, we support Google Authenticator...</p>
         <p style="color: #BDBDBD; margin: 0; padding-left: 10px; border-left: 2px solid #E91E63;">example</p>
     </div>
     </div>
</div>
</div>

Revision as of 23:53, 31 March 2025

❔ Frequently Asked Questions

Hover over questions for highlight effect

🔍 example

       📌 example

example

       📌 example

example

⚙️ Technical Questions

       🔧 example

Windows 10+ or macOS 10.15+ with...

       🔧 example

example

🔒 Account & Safety

       🛡️ example

example

       🛡️ example

example

   <a href="#top" style="color: #64B5F6; text-decoration: none; font-weight: bold; padding: 8px 20px; border-radius: 20px; background: rgba(100, 181, 246, 0.1);">↑ Back to Top</a>