247 lines
14 KiB
Plaintext
247 lines
14 KiB
Plaintext
<div class="nintex-fw-container">
|
|
<div class="np-homepage-featured-text">
|
|
<div class="nintex-headline">
|
|
<span class="lang-en-US">Frequently Asked Questions</span>
|
|
<span class="lang-es">Preguntas Frecuentes</span>
|
|
<span class="lang-fr">Questions Fréquemment Posées</span>
|
|
<span class="lang-de">Häufig Gestellte Fragen</span>
|
|
<span class="lang-en-GB">Frequently Asked Questions</span>
|
|
<span class="lang-nl">Veelgestelde Vragen</span>
|
|
<span class="lang-pt-BR">Perguntas Frequentes</span>
|
|
</div>
|
|
{% comment %} <div class="nintex-subheadline">
|
|
<span class="lang-en-US">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-es">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-fr">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-de">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-en-GB">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-nl">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
<span class="lang-pt-BR">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
|
|
</div> {% endcomment %}
|
|
</div>
|
|
<div class="faq-container">
|
|
<div class="faq-column faq-column-left">
|
|
{% include "faq_card"
|
|
, question_en: "How do I find courses that fit my role?"
|
|
, question_es: "How do I find courses that fit my role?"
|
|
, question_fr: "How do I find courses that fit my role?"
|
|
, question_de: "How do I find courses that fit my role?"
|
|
, question_en_GB: "How do I find courses that fit my role?"
|
|
, question_nl: "How do I find courses that fit my role?"
|
|
, question_pt_BR: "How do I find courses that fit my role?"
|
|
, answer_en: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_es: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_fr: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_de: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_en_GB: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_nl: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs."
|
|
, answer_pt_BR: "Use the filters in the Catalog to search by product, skill level, or course type. This makes it easy to discover content tailored to your needs." %}
|
|
{% include "faq_card"
|
|
, question_en: "Where can I see my progress?"
|
|
, question_es: "Where can I see my progress?"
|
|
, question_fr: "Where can I see my progress?"
|
|
, question_de: "Where can I see my progress?"
|
|
, question_en_GB: "Where can I see my progress?"
|
|
, question_nl: "Where can I see my progress?"
|
|
, question_pt_BR: "Where can I see my progress?"
|
|
, answer_en: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_es: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_fr: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_de: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_en_GB: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_nl: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed."
|
|
, answer_pt_BR: "Your Dashboard tracks all your enrolled courses, learning paths, and certifications. You will also see a progress circle to show how much you have completed." %}
|
|
{% include "faq_card"
|
|
, question_en: "What is a Learning Path?"
|
|
, question_es: "What is a Learning Path?"
|
|
, question_fr: "What is a Learning Path?"
|
|
, question_de: "What is a Learning Path?"
|
|
, question_en_GB: "What is a Learning Path?"
|
|
, question_nl: "What is a Learning Path?"
|
|
, question_pt_BR: "What is a Learning Path?"
|
|
, answer_en: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_es: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_fr: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_de: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_en_GB: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_nl: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning."
|
|
, answer_pt_BR: "A Learning Path is a curated series of courses that build on each other to help you master a topic or skill. It is your guided roadmap for structured, step-by-step learning." %}
|
|
</div>
|
|
<div class="faq-column faq-column-right">
|
|
{% include "faq_card"
|
|
, question_en: "Where do I find the courses I am enrolled in?"
|
|
, question_es: "Where do I find the courses I am enrolled in?"
|
|
, question_fr: "Where do I find the courses I am enrolled in?"
|
|
, question_de: "Where do I find the courses I am enrolled in?"
|
|
, question_en_GB: "Where do I find the courses I am enrolled in?"
|
|
, question_nl: "Where do I find the courses I am enrolled in?"
|
|
, question_pt_BR: "Where do I find the courses I am enrolled in?"
|
|
, answer_en: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_es: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_fr: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_de: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_en_GB: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_nl: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster."
|
|
, answer_pt_BR: "Your enrolled courses, learning paths, and certifications appear directly on your Dashboard after you log in. You can use the filters or search bar to find what you need faster." %}
|
|
{% include "faq_card"
|
|
, question_en: "Can I resume a course where I left off?"
|
|
, question_es: "Can I resume a course where I left off?"
|
|
, question_fr: "Can I resume a course where I left off?"
|
|
, question_de: "Can I resume a course where I left off?"
|
|
, question_en_GB: "Can I resume a course where I left off?"
|
|
, question_nl: "Can I resume a course where I left off?"
|
|
, question_pt_BR: "Can I resume a course where I left off?"
|
|
, answer_en: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_es: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_fr: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_de: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_en_GB: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_nl: "Yes! The system saves your progress automatically, so you can pick up right where you left off."
|
|
, answer_pt_BR: "Yes! The system saves your progress automatically, so you can pick up right where you left off." %}
|
|
{% include "faq_card"
|
|
, question_en: "How do I get support if I have issues?"
|
|
, question_es: "How do I get support if I have issues?"
|
|
, question_fr: "How do I get support if I have issues?"
|
|
, question_de: "How do I get support if I have issues?"
|
|
, question_en_GB: "How do I get support if I have issues?"
|
|
, question_nl: "How do I get support if I have issues?"
|
|
, question_pt_BR: "How do I get support if I have issues?"
|
|
, answer_en: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_es: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_fr: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_de: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_en_GB: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_nl: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer."
|
|
, answer_pt_BR: "If you happen to have an issue or can't find what you are looking for, you can easily contact us by clicking on the email address in the site footer." %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.faq-card {
|
|
display: inline-flex;
|
|
flex-direction: column;
|
|
flex-wrap: nowrap;
|
|
height: 70px;
|
|
transition: height 0.3s ease;
|
|
cursor: pointer;
|
|
width: 100%;
|
|
margin-bottom: 16px;
|
|
|
|
}
|
|
|
|
.faq-card.active {
|
|
height: auto;
|
|
}
|
|
|
|
|
|
.faq-icon {
|
|
background-color: var(--nintex--color--pink-300);
|
|
display: flex;
|
|
align-items: center;
|
|
transition: background-color 0.3s ease;
|
|
height: 70px;
|
|
width: 70px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.faq-icon svg {
|
|
color: white;
|
|
transition: transform 0.3s ease;
|
|
}
|
|
|
|
.faq-card:hover .faq-icon,
|
|
.faq-card.active .faq-icon {
|
|
background-color: var(--nintex--color--pink-400);
|
|
}
|
|
|
|
.faq-card.active .faq-icon svg {
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.faq-card.active:hover .faq-icon {
|
|
background-color: var(--nintex--color--pink-300);
|
|
}
|
|
|
|
.faq-question {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
position: relative;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.faq-question .faq-question-text {
|
|
width: 100%;
|
|
padding: 0 16px;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.faq-question .faq-question-text p {
|
|
text-align: left;
|
|
}
|
|
|
|
.faq-answer {
|
|
height: 0;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
transition: all 0.3s ease-in-out;
|
|
transform: translateY(-10px);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: calc(100% - 70px);
|
|
position: relative;
|
|
left: 70px;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.faq-answer p {
|
|
padding: 16px;
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
text-align: left;
|
|
}
|
|
|
|
.faq-card.active .faq-answer {
|
|
height: auto;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
/* Remove fixed height overflow since we're using auto height */
|
|
.faq-card.active .faq-answer {
|
|
overflow-y: visible;
|
|
}
|
|
|
|
.faq-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.faq-container {
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: flex-start;
|
|
}
|
|
.faq-column {
|
|
flex: 1;
|
|
gap: 20px;
|
|
}
|
|
.faq-card {
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
.faq-label {
|
|
font-weight: 600;
|
|
}
|
|
|
|
</style> |