I think the final Pipedrive download. Walmart Supplier was updated as well.
This commit is contained in:
Norm Rasmussen
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
BIN
Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -1,172 +0,0 @@
|
||||
<div class="avatar-text">
|
||||
<h4 class="strong">
|
||||
<span class="lang-en">Profile picture</span>
|
||||
<span class="lang-de">Profilbild</span>
|
||||
<span class="lang-es">Foto de perfil</span>
|
||||
<span class="lang-fr">Photo de profil</span>
|
||||
<span class="lang-br">Foto do perfil</span>
|
||||
</h4>
|
||||
<div>
|
||||
<span class="lang-en">Photo helps personalize your account</span>
|
||||
<span class="lang-de">Personalisieren Sie Ihr Konto mit einem Foto</span>
|
||||
<span class="lang-es">La foto ayuda a personalizar su cuenta</span>
|
||||
<span class="lang-fr">La photo permet de personnaliser votre compte</span>
|
||||
<span class="lang-br">A foto ajuda a personalizar sua conta</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img
|
||||
alt="default avatar"
|
||||
class="np-account-avatar-image"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png"
|
||||
id="{{version}}_gravatar_img"
|
||||
{% unless form.use_gravatar? %}style="display: none"{% endunless %}
|
||||
/>
|
||||
<img
|
||||
alt="avatar"
|
||||
class="np-account-avatar-image"
|
||||
src="{% if form.secure_custom_avatar_url contains "https://secure.gravatar.com/avatar" %}https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png{% else %}{{ form.secure_custom_avatar_url }}{% endif %}"
|
||||
id="{{version}}_custom_avatar_img"
|
||||
{% if form.use_gravatar? %}style="display: none"{% endif %}
|
||||
/>
|
||||
|
||||
<div class="np-account-avatar-choice">
|
||||
<div class="np-form-field np-hidden">
|
||||
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_true">
|
||||
<span class="radio__input">
|
||||
<input
|
||||
id="{{version}}_learner_use_gravatar_true"
|
||||
name="learner[use_gravatar]"
|
||||
type="radio"
|
||||
value="true"
|
||||
{% if form.use_gravatar? %}checked{% endif %}
|
||||
/>
|
||||
<span class="np-button-color radio__control"></span>
|
||||
</span>
|
||||
<span class="radio__label"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field np-hidden">
|
||||
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_false">
|
||||
<span class="radio__input">
|
||||
<input
|
||||
id="{{version}}_learner_use_gravatar_false"
|
||||
name="learner[use_gravatar]"
|
||||
type="radio"
|
||||
value="false"
|
||||
{% unless form.use_gravatar? %}checked{% endunless %}
|
||||
/>
|
||||
<span class="np-button-color radio__control"></span>
|
||||
</span>
|
||||
<span class="radio__label">
|
||||
<span class="lang-en">Upload custom photo</span>
|
||||
<span class="lang-de">Foto hochladen</span>
|
||||
<span class="lang-es">Subir foto personalizada</span>
|
||||
<span class="lang-fr">Téléverser une photo personnalisée</span>
|
||||
<span class="lang-br">Carregar foto personalizada</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<button
|
||||
id="{{version}}_upload_avatar"
|
||||
type="button"
|
||||
class="upload-avatar-button{% if form.use_gravatar? %} np-hidden{% endif %}"
|
||||
>
|
||||
<i class="far fa-paperclip"></i>
|
||||
<span class="lang-en">Upload custom photo</span>
|
||||
<span class="lang-de">Foto hochladen</span>
|
||||
<span class="lang-es">Subir foto personalizada</span>
|
||||
<span class="lang-fr">Téléverser une photo personnalisée</span>
|
||||
<span class="lang-br">Carregar foto personalizada</span>
|
||||
</button>
|
||||
<div class="avatar-checkbox-wrapper" onclick="toggleGravatar()">
|
||||
<div class="avatar-checkbox {% if form.use_gravatar? %} avatar-checkbox-selected {% endif %}" id="gravatar-checkbox">
|
||||
<svg class="avatar-checkbox-mark" width="13" height="11" viewBox="0 0 13 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.7856 0.703847C11.2758 0.349665 11.9541 0.468775 12.3006 0.969886C12.6471 1.471 12.5305 2.16435 12.0403 2.51853C9.89294 4.07001 7.5045 6.58636 4.89298 10.0653C4.50422 10.5832 3.76456 10.6485 3.29465 10.2065L0.350947 7.43754C-0.0907947 7.02203 -0.119375 6.31912 0.287111 5.86757C0.693596 5.41601 1.38122 5.3868 1.82296 5.80231L3.89947 7.75555C6.35518 4.59965 8.64604 2.24967 10.7856 0.703847Z" fill="white"/>
|
||||
</svg>
|
||||
</div>
|
||||
<span>
|
||||
<span class="lang-en">Use default avatar</span>
|
||||
<span class="lang-de">Standard-Avatar verwenden</span>
|
||||
<span class="lang-es">Usar avatar predeterminado</span>
|
||||
<span class="lang-fr">Utiliser l'avatar par défaut</span>
|
||||
<span class="lang-br">Use o avatar padrão</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#desktop_custom_avatar_img {
|
||||
border-radius: 50%;
|
||||
border: 2px solid #E4E6E9;
|
||||
}
|
||||
.avatar-text > h4 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.np-account-avatar-choice {
|
||||
margin-left: 0;
|
||||
}
|
||||
.avatar-checkbox {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid var(--black-digital);
|
||||
border-radius: 2px;
|
||||
}
|
||||
.avatar-checkbox-wrapper {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.avatar-checkbox.avatar-checkbox-selected {
|
||||
border: none;
|
||||
background: var(--green);
|
||||
display: flex;
|
||||
}
|
||||
.avatar-checkbox-mark {
|
||||
display: none;
|
||||
margin: auto;
|
||||
}
|
||||
.avatar-checkbox.avatar-checkbox-selected .avatar-checkbox-mark {
|
||||
display: block;
|
||||
}
|
||||
.upload-avatar-button {
|
||||
border: none;
|
||||
background: none;
|
||||
color: #0070D6;
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.upload-avatar-button:hover {
|
||||
color: #0055a3;
|
||||
}
|
||||
.upload-avatar-button > i {
|
||||
rotate: -45deg;
|
||||
}
|
||||
#desktop_gravatar_img {
|
||||
border: 2px solid #E4E6E9;
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function toggleGravatar() {
|
||||
let checkbox = document.querySelector('#gravatar-checkbox');
|
||||
checkbox.classList.toggle('avatar-checkbox-selected');
|
||||
document.querySelector('.upload-avatar-button').classList.toggle('np-hidden')
|
||||
if (checkbox.classList.contains('avatar-checkbox-selected')) {
|
||||
document.querySelector(('#desktop_learner_use_gravatar_true')).click()
|
||||
} else {
|
||||
document.querySelector(('#desktop_learner_use_gravatar_false')).click()
|
||||
}
|
||||
}
|
||||
{% if current_person.avatar_url contains "https://secure.gravatar.com/avatar" and form.use_gravatar? == false %}
|
||||
window.addEventListener("DOMContentLoaded", () => {
|
||||
let a = document.querySelector('#gravatar-checkbox');
|
||||
if (!a.classList.contains('avatar-checkbox-selected')) {
|
||||
a.click()
|
||||
}
|
||||
})
|
||||
{% endif %}
|
||||
</script>
|
||||
@ -1,160 +0,0 @@
|
||||
<div class="account-deletion">
|
||||
<h4 class="strong">
|
||||
<span class="lang-en">Delete your account</span>
|
||||
<span class="lang-de">Ihr Konto löschen</span>
|
||||
<span class="lang-es">Eliminar tu cuenta</span>
|
||||
<span class="lang-fr">Supprimer votre compte</span>
|
||||
<span class="lang-br">Exclua sua conta</span>
|
||||
</h4>
|
||||
<div class="account-deletion-description">
|
||||
<span class="lang-en">Your account will be permanently deleted and you will no longer be able to access any data or information associated with this account. This action cannot be undone.</span>
|
||||
<span class="lang-de">Ihr Account wird dauerhaft gelöscht und Sie haben keinen Zugriff mehr auf die mit diesem Konto verbundenen Daten und Informationen. Diese Aktion kann nicht rückgängig gemacht werden.</span>
|
||||
<span class="lang-es">Tu cuenta será eliminada permanentemente y ya no podrás acceder a ningún dato o información asociada a esta cuenta. Esta acción no se puede deshacer.</span>
|
||||
<span class="lang-fr">Votre compte sera définitivement supprimé et vous ne pourrez plus accéder aux données ou informations associées à ce compte. Cette action ne peut être annulée.</span>
|
||||
<span class="lang-br">Sua conta será excluída permanentemente e você não poderá mais acessar quaisquer dados ou informações associados a ela. Esta ação não pode ser desfeita.</span>
|
||||
</div>
|
||||
<div class="button-1 button-large button-deletion" onclick="
|
||||
document.querySelector('.account-deletion-popup-wrapper').classList.remove('np-hidden');
|
||||
document.querySelector('.account-deletion-popup').classList.remove('np-hidden');"
|
||||
>
|
||||
<span class="lang-en">Delete my account</span>
|
||||
<span class="lang-de">Meinen Account löschen</span>
|
||||
<span class="lang-es">Eliminar mi cuenta</span>
|
||||
<span class="lang-fr">Supprimer mon compte</span>
|
||||
<span class="lang-br">Excluir minha conta</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="account-deletion-popup-wrapper np-hidden" onclick="
|
||||
document.querySelector('.account-deletion-popup-wrapper').classList.add('np-hidden');
|
||||
document.querySelector('.account-deletion-popup').classList.add('np-hidden');"
|
||||
>
|
||||
</div>
|
||||
<div class="account-deletion-popup np-hidden">
|
||||
<div class="account-deletion-popup-confirmation">
|
||||
<label class="account-deletion-confirmation-label" for="account-deletion-confirmation-input">
|
||||
<span class="lang-en">To confirm account deletion, type <em>delete</em> in the field below.</span>
|
||||
<span class="lang-de">Um die Löschung des Accounts zu bestätigen, geben Sie <em>löschen</em> in das Feld unten ein.</span>
|
||||
<span class="lang-es">Para confirmar la eliminación de la cuenta, escribe <em>eliminar</em> en el siguiente campo.</span>
|
||||
<span class="lang-fr">Pour confirmer la suppression de votre compte, tapez <em>supprimer</em> dans le champ ci-dessous.</span>
|
||||
<span class="lang-br">Para confirmar a exclusão da conta, digite <em>excluir</em> no campo abaixo.</span>
|
||||
</label>
|
||||
<input id="account-deletion-confirmation-input" class="np-input" placeholder="delete" autocomplete="off">
|
||||
<div id="confirm-deletion" class="button-1 button-medium button-deletion button-deletion-disabled" onclick="sendDeleteRequest();">
|
||||
<span class="lang-en">Delete</span>
|
||||
<span class="lang-de">löschen</span>
|
||||
<span class="lang-es">Eliminar</span>
|
||||
<span class="lang-fr">Supprimer</span>
|
||||
<span class="lang-br">Excluir</span>
|
||||
</div>
|
||||
</div>
|
||||
<h5 class="account-deletion-popup-goodbye np-hidden">
|
||||
<span class="lang-en">Your account will be deleted shortly</span>
|
||||
<span class="lang-de">Ihr Account wird in Kürze gelöscht</span>
|
||||
<span class="lang-es">Tu cuenta será eliminada en breve</span>
|
||||
<span class="lang-fr">Votre compte sera supprimé dans les plus brefs délais</span>
|
||||
<span class="lang-br">Sua conta será excluída em breve</span>
|
||||
</h5>
|
||||
</div>
|
||||
<style>
|
||||
.account-deletion h4 {
|
||||
margin-top: 80px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.button-deletion {
|
||||
width: fit-content;
|
||||
background: #FFE7E6;
|
||||
color: #C7201B;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.button-deletion:hover {
|
||||
background: #FF5550;
|
||||
color: #FFF;
|
||||
}
|
||||
.button-deletion-disabled, .button-deletion-disabled:hover {
|
||||
background: #FFE7E6;
|
||||
color: gray;
|
||||
cursor: default;
|
||||
}
|
||||
.account-deletion-popup-wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: rgba(60, 60, 60, 0.5);
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.account-deletion-popup {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: #FFF;
|
||||
border-radius: 4px;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.account-deletion-popup-confirmation {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 40px;
|
||||
gap: 20px;
|
||||
}
|
||||
.account-deletion-popup-goodbye {
|
||||
padding: 60px;
|
||||
}
|
||||
#account-deletion-confirmation-input::placeholder {
|
||||
font-style: italic;
|
||||
color: #999FA7;
|
||||
opacity: 1;
|
||||
}
|
||||
@media only screen and (min-width: 500px) {
|
||||
.account-deletion-popup-confirmation {
|
||||
min-width: 450px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.account-deletion h4 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
{% if current_school.properties.sandbox == false %}
|
||||
const deletionInput = document.getElementById('account-deletion-confirmation-input');
|
||||
|
||||
deletionInput.addEventListener('input', () => {
|
||||
const button = document.querySelector('#confirm-deletion');
|
||||
if (deletionInput.value.toLowerCase() !== 'delete') {
|
||||
button.classList.add('button-deletion-disabled');
|
||||
} else {
|
||||
button.classList.remove('button-deletion-disabled');
|
||||
}
|
||||
});
|
||||
|
||||
function sendDeleteRequest() {
|
||||
document.querySelector('.account-deletion-popup-confirmation').classList.add('np-hidden');
|
||||
document.querySelector('.account-deletion-popup-goodbye').classList.remove('np-hidden');
|
||||
const personUUID = '{{ current_person.id }}';
|
||||
const personEmail = '{{ current_person.email }}'
|
||||
const personTime = '{{ current_person.created_at | replace_first: " ", "T" | replace_first: " +0000", ".000000+00:00" }}';
|
||||
const xhr = new XMLHttpRequest();
|
||||
|
||||
{% if current_school.sso_active? %}
|
||||
var url = 'https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pipedrive-sso-delete-myself'
|
||||
{% else %}
|
||||
var url = 'https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pipedrive-open-delete-myself'
|
||||
{% endif %}
|
||||
xhr.open('POST', url);
|
||||
xhr.setRequestHeader('Content-Type', 'application/json');
|
||||
xhr.send(JSON.stringify({
|
||||
"personUUID": personUUID,
|
||||
"personEmail": personEmail,
|
||||
"personTime": personTime
|
||||
}));
|
||||
xhr.addEventListener('load', () => {
|
||||
setTimeout(() => {
|
||||
window.location.replace('/learners/sign_out');
|
||||
}, 3000);
|
||||
});
|
||||
}
|
||||
{% endif %}
|
||||
</script>
|
||||
@ -1,31 +0,0 @@
|
||||
<form class="np-form" action="{{ form.options.action }}" method="post" id="desktop_edit_learner" novalidate>
|
||||
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-card">
|
||||
<div class="container">
|
||||
<h1 class="account-form-title">
|
||||
<span class="lang-en">My profile</span>
|
||||
<span class="lang-de">Mein Profil</span>
|
||||
<span class="lang-es">Mi perfil</span>
|
||||
<span class="lang-fr">Mon profil</span>
|
||||
<span class="lang-br">Meu perfil</span>
|
||||
</h1>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-md-7 np-account-form">
|
||||
{% render "account_form", form: form, version: "desktop" %}
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
<span class="lang-en">Save profile</span>
|
||||
<span class="lang-de">Profil speichern</span>
|
||||
<span class="lang-es">Guardar perfil</span>
|
||||
<span class="lang-fr">Sauvegarder le profil</span>
|
||||
<span class="lang-br">Salvar perfil</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="col-xs-12 col-md-5">
|
||||
{% include "account_avatar", version: "desktop" %}
|
||||
{% include "account_deletion" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@ -1,176 +0,0 @@
|
||||
<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_email">
|
||||
<span class="lang-en">Email</span>
|
||||
<span class="lang-de">E-Mail</span>
|
||||
<span class="lang-es">Correo electrónico</span>
|
||||
<span class="lang-fr">E-mail</span>
|
||||
<span class="lang-br">Email</span> *
|
||||
</label>
|
||||
<input
|
||||
{% if form.options.invite? %} disabled {% endif %}
|
||||
autofocus="autofocus"
|
||||
class="np-input"
|
||||
id="{{version}}_learner_email"
|
||||
name="learner[email]"
|
||||
type="email"
|
||||
value="{{ form.email }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'first_name' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_first_name">
|
||||
<span class="lang-en">First name</span>
|
||||
<span class="lang-de">Vorname</span>
|
||||
<span class="lang-es">Nombre de pila</span>
|
||||
<span class="lang-fr">Prénom</span>
|
||||
<span class="lang-br">Nome</span> *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_first_name"
|
||||
name="learner[first_name]"
|
||||
value="{{ form.first_name }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'last_name' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_last_name">
|
||||
<span class="lang-en">Last name</span>
|
||||
<span class="lang-de">Nachname</span>
|
||||
<span class="lang-es">Apellidos</span>
|
||||
<span class="lang-fr">Nom de famille</span>
|
||||
<span class="lang-br">Sobrenome</span> *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_last_name"
|
||||
name="learner[last_name]"
|
||||
value="{{ form.last_name }}"
|
||||
/>
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'display_name' %}np-account-form-field-error{% endif %}" style="display: none">
|
||||
<label class="account-label" for="{{version}}_learner_display_name">
|
||||
<span class="lang-en">Display name</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_display_name"
|
||||
name="learner[display_name]"
|
||||
value="{{ form.display_name }}"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{% unless form.options.invite? %}
|
||||
<div class="np-form-field {% if form.errors contains 'current_password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_current_password">
|
||||
<span class="lang-en">Current password</span>
|
||||
<span class="lang-de">Aktuelles Passwort</span>
|
||||
<span class="lang-es">Contraseña actual</span>
|
||||
<span class="lang-fr">Mot de passe actuel</span>
|
||||
<span class="lang-br">Senha atual</span>
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_current_password"
|
||||
name="learner[current_password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_password">
|
||||
<span class="lang-en">New password</span>
|
||||
<span class="lang-de">Neues Passwort</span>
|
||||
<span class="lang-es">Nueva contraseña</span>
|
||||
<span class="lang-fr">Nouveau mot de passe</span>
|
||||
<span class="lang-br">Nova senha</span>
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password"
|
||||
name="learner[password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="np-form-field {% if form.errors contains 'password_confirmation' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_password_confirmation">
|
||||
<span class="lang-en">Confirm new password</span>
|
||||
<span class="lang-de">Passwort bestätigen</span>
|
||||
<span class="lang-es">Confirmar nueva contraseña</span>
|
||||
<span class="lang-fr">Confirmer le mot de passe</span>
|
||||
<span class="lang-br">Confirmar nova senha</span>
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password_confirmation"
|
||||
name="learner[password_confirmation]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
||||
{% if form.options.invite? %}
|
||||
<div class="np-form-field {% if form.errors contains 'password' %}np-account-form-field-error{% endif %}">
|
||||
<label class="account-label" for="{{version}}_learner_password">
|
||||
<span class="lang-en">Password</span>
|
||||
<span class="lang-de">Passwort</span>
|
||||
<span class="lang-es">Contraseña</span>
|
||||
<span class="lang-fr">Mot de passe</span>
|
||||
<span class="lang-br">Senha</span> *
|
||||
</label>
|
||||
<input
|
||||
class="np-input"
|
||||
id="{{version}}_learner_password"
|
||||
name="learner[password]"
|
||||
type="password"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{% if form.terms_of_service_required? %}
|
||||
<div class="np-form-field terms-of-service {% if form.errors contains 'terms_of_service_accepted' %}np-account-form-field-error{% endif %}">
|
||||
<input
|
||||
id="{{version}}_learner_terms_of_service"
|
||||
name="learner[terms_of_service_accepted]"
|
||||
type="checkbox"
|
||||
/>
|
||||
<div class="label">
|
||||
<span class="lang-en">{% t .terms_of_service %}</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-margin-top">
|
||||
<span class="np-form-terms">
|
||||
<span class="lang-en">By submitting this form you agree to the </span>
|
||||
<span class="lang-de">Mit dem Absenden dieses Formulars erklären Sie sich mit den </span>
|
||||
<span class="lang-es">Al enviar este formulario acepta las </span>
|
||||
<span class="lang-fr">En soumettant ce formulaire, vous acceptez les </span>
|
||||
<span class="lang-br">Ao enviar este formulário, você concorda com os </span>
|
||||
<a
|
||||
class="np-form-link np-button-color"
|
||||
target="_blank"
|
||||
href={{ form.terms_of_service_url }}
|
||||
>
|
||||
<span class="lang-en">Terms of Use</span>
|
||||
<span class="lang-de">Nutzungsbedingungen einverstanden</span>
|
||||
<span class="lang-es">Condiciones de uso</span>
|
||||
<span class="lang-fr">conditions d'utilisation.</span>
|
||||
<span class="lang-br">Termos de Uso</span>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<input
|
||||
id="{{version}}_invite_token"
|
||||
name="learner[token]"
|
||||
value="{{ form.invite_token }}"
|
||||
type="hidden"
|
||||
/>
|
||||
{% endif %}
|
||||
@ -1,17 +0,0 @@
|
||||
<form class="np-form" action="{{ form.options.action }}" method="post" id="mobile_edit_learner" novalidate>
|
||||
<input type="hidden" name="_method" value="{{ form.options.http_method }}">
|
||||
{% form_authenticity_token %}
|
||||
<div class="np-card np-account-form">
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% render "account_form", form: form, version: "mobile" %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card np-account-avatar">
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% include "account_avatar", version: "mobile" %}
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
{% t shared.account.save %}
|
||||
</button>
|
||||
</form>
|
||||
@ -1,76 +0,0 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for section in course.sections %}
|
||||
{% assign activities_count = activities_count | plus: section.activities.size %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% assign scaled_image_url = "" | append: course.image_url | replace: "resize=width:819,height:503", "resize=width:912,height:503" %}
|
||||
{% assign ribbon_value = course.ribbon | default: 'none' %}
|
||||
|
||||
<div data-fs-element="academy | course-card" data-fs-properties-schema='{"data-course-language":"str", "data-course-ribbon":"str", "data-course-id":"str", "data-course-categories":"str"}' data-course-ribbon="{{ ribbon_value | upcase }}" data-course-language="{{course.properties.course_language}}" data-course-id="{{course.id}}" data-course-categories="{{ course.categories | map: 'id' | join: ' ' }}" class="course-card col-xs-12 col-sm-6 col-lg-4" language="{{course.properties.course_language}}" item-categories="{{ course.categories | map: 'id' | join: " " }}">
|
||||
<a class="course-card-wrapper" href="{{ course_path }}">
|
||||
{% if course.ribbon and course.ribbon.size > 0 %}
|
||||
{% assign course_ribbon_uppercase = course.ribbon | upcase %}
|
||||
<div class="course-card-ribbon body-xs {% if course_ribbon_uppercase == 'NEW' %}ribbon-blue{% endif %}">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img class="course-card-image" src="{{ scaled_image_url }}" alt="{{ course.name }}">
|
||||
<div class="course-card-content">
|
||||
<div class="course-card-info body-xs">
|
||||
{{ activities_count }}
|
||||
{% if activities_count == 1 %}
|
||||
<span class="lang-en">lesson</span>
|
||||
<span class="lang-de">Lektion</span>
|
||||
<span class="lang-es">lección</span>
|
||||
<span class="lang-fr">leçon</span>
|
||||
<span class="lang-br">lição</span>
|
||||
{% else %}
|
||||
<span class="lang-en">lessons</span>
|
||||
<span class="lang-de">Lektionen</span>
|
||||
<span class="lang-es">lecciones</span>
|
||||
<span class="lang-fr">leçons</span>
|
||||
<span class="lang-br">lições</span>
|
||||
{% endif %}
|
||||
<span class="course-card-info-separator">|</span>
|
||||
{% if course.properties.course_time != 'NULL' %}
|
||||
{{ course.properties.course_time }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<h5 class="course-card-title">
|
||||
{{ course.name }}
|
||||
</h5>
|
||||
<div class="course-card-description">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
<div class="course-card-footer">
|
||||
{% if course.started? %}
|
||||
<div class="course-card-progress">
|
||||
<div class="course-card-progress-value body-s strong">
|
||||
{{ course.progress }}%
|
||||
</div>
|
||||
<div class="course-card-progress-bar">
|
||||
<div class="course-card-progress-bar-fill" style="width: {{ course.progress }}%"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="course-card-button button-wrapper">
|
||||
<div class="button-2 button-medium">
|
||||
{% if course.started? %}
|
||||
<span class="lang-en">Continue</span>
|
||||
<span class="lang-de">Weiter</span>
|
||||
<span class="lang-es">Continuar</span>
|
||||
<span class="lang-fr">Continuer</span>
|
||||
<span class="lang-br">Continuar</span>
|
||||
{% else %}
|
||||
<span class="lang-en">Take this course</span>
|
||||
<span class="lang-de">Diesen Kurs belegen</span>
|
||||
<span class="lang-es">Tomar este curso</span>
|
||||
<span class="lang-fr">Suivre ce cours</span>
|
||||
<span class="lang-br">Faça este curso</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -1,76 +0,0 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for section in course.sections %}
|
||||
{% assign activities_count = activities_count | plus: section.activities.size %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% assign scaled_image_url = "" | append: course.image_url | replace: "resize=width:819,height:503", "resize=width:912,height:503" %}
|
||||
|
||||
<div class="course-card col-xs-12 col-sm-6 col-lg-4" language="{{course.properties.course_language}}" item-categories="{{ course.categories | map: 'id' | join: " " }}">
|
||||
<a class="course-card-wrapper" href="{{ course_path }}">
|
||||
{% if course.ribbon and course.ribbon.size > 0 %}
|
||||
{% assign course_ribbon_uppercase = course.ribbon | upcase %}
|
||||
<div class="course-card-ribbon body-xs {% if course_ribbon_uppercase == 'NEW' %}ribbon-blue{% endif %}">
|
||||
{{ course.ribbon }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<img class="course-card-image" src="{{ scaled_image_url }}" alt="{{ course.name }}">
|
||||
<div class="course-card-content">
|
||||
<div class="course-card-info body-xs">
|
||||
{{ activities_count }}
|
||||
{% if activities_count == 1 %}
|
||||
<span class="lang-en">lesson</span>
|
||||
<span class="lang-de">Lektion</span>
|
||||
<span class="lang-es">lección</span>
|
||||
<span class="lang-fr">leçon</span>
|
||||
<span class="lang-br">lição</span>
|
||||
{% else %}
|
||||
<span class="lang-en">lessons</span>
|
||||
<span class="lang-de">Lektionen</span>
|
||||
<span class="lang-es">lecciones</span>
|
||||
<span class="lang-fr">leçons</span>
|
||||
<span class="lang-br">lições</span>
|
||||
{% endif %}
|
||||
<span class="course-card-info-separator">|</span>
|
||||
{% if course.properties.course_time != 'NULL' %}
|
||||
{{ course.properties.course_time }}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if course.started? %}
|
||||
<div class="course-card-progress">
|
||||
<div class="course-card-progress-info">Progress</div>
|
||||
<div class="course-card-progress-bar">
|
||||
<div class="course-card-progress-bar-fill" style="width: {{ course.progress }}%"></div>
|
||||
</div>
|
||||
<div class="course-card-progress-value body-s strong">
|
||||
{{ course.progress }}%
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<h5 class="course-card-title">
|
||||
{{ course.name }}
|
||||
</h5>
|
||||
<div class="course-card-description">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
<div class="course-card-footer">
|
||||
<div class="course-card-button button-wrapper">
|
||||
<div class="button-2 button-medium">
|
||||
{% if course.started? %}
|
||||
<span class="lang-en">Continue</span>
|
||||
<span class="lang-de">Weiter</span>
|
||||
<span class="lang-es">Continuar</span>
|
||||
<span class="lang-fr">Continuer</span>
|
||||
<span class="lang-br">Continuar</span>
|
||||
{% else %}
|
||||
<span class="lang-en">Take this course</span>
|
||||
<span class="lang-de">Diesen Kurs belegen</span>
|
||||
<span class="lang-es">Tomar este curso</span>
|
||||
<span class="lang-fr">Suivre ce cours</span>
|
||||
<span class="lang-br">Faça este curso</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -1,18 +0,0 @@
|
||||
<div class="course-card col-xs-12 col-sm-6 col-lg-4">
|
||||
<a class="course-card-wrapper" href="{{ card_button_link }}">
|
||||
<img class="course-card-image" style="width: 100px; height: 100px;" src="{{ card_image }}" alt="{{ card_alt_text }}">
|
||||
<div class="course-card-content">
|
||||
<h5 class="course-card-title">
|
||||
{{ card_title }}
|
||||
</h5>
|
||||
<div class="course-card-description">
|
||||
{{ card_description }}
|
||||
</div>
|
||||
<div class="course-card-button button-wrapper">
|
||||
<div class="button-2 button-medium">
|
||||
{{ card_button_text }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -1,70 +0,0 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
alt="{{ learning_path.name }}"
|
||||
class="np-card-image np-learning-path-image"
|
||||
src="{{ learning_path.image_url }}"
|
||||
/>
|
||||
<div class="np-card-text-wrapper">
|
||||
<div class="np-hidden-desktop np-card-header">
|
||||
<i class="np-card-header-icon far fa-road"></i>
|
||||
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
|
||||
<div class="np-hidden-desktop np-card-header-items-count">
|
||||
{{ learning_path.items.count }} {% t .items %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-card-header">
|
||||
<div class="np-card-header-type">{% t shared.learning_path.title %}</div>
|
||||
<i class="np-card-header-icon far fa-road"></i>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content np-card-padding np-card-content-vertical">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ learning_path.name }}
|
||||
</h3>
|
||||
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ learning_path.instructor_names }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-description">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-content-progress
|
||||
np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
|
||||
<div class="np-hidden-mobile np-card-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-card-content-footer">
|
||||
<div class="np-hidden-desktop np-card-content-progress
|
||||
np-button-color">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
<a class="np-button" href="{% route learning_path, id: learning_path.id %}">
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
<span class="np-hidden-mobile np-learning-path-items">
|
||||
<i class="np-button-color np-learning-path-items-icon far fa-graduation-cap"></i>
|
||||
<span class="np-learning-path-items-count">
|
||||
{{ learning_path.items.count }} {% t .items %}
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-stack">
|
||||
<div class="np-card-stack-level-1"></div>
|
||||
<div class="np-card-stack-level-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,45 +0,0 @@
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<div class="np-card-content-training-event">
|
||||
<h3 class="np-card-content-title">
|
||||
{{ training_event.title }}
|
||||
</h3>
|
||||
<div class="np-card-content-subtitle">
|
||||
{% t shared.event_types, key: training_event.event_type %}
|
||||
</div>
|
||||
<div class="np-card-training-session">
|
||||
<span class="np-card-content-label">
|
||||
{% t .next_session %}
|
||||
</span>
|
||||
<div class="np-card-training-session-date">
|
||||
<div class="np-button-background-color np-card-training-session-date-bar"></div>
|
||||
<div class="np-card-training-session-date-day">
|
||||
{{ training_event.sessions.first.day }}
|
||||
</div>
|
||||
<div>
|
||||
<div class="np-card-training-session-date-month">
|
||||
{{ training_event.sessions.first.month }}
|
||||
</div>
|
||||
<div class="np-card-training-session-date-year">
|
||||
{{ training_event.sessions.first.year }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<div class="np-card-training-sessions">
|
||||
<i class="np-card-training-sessions-icon far fa-calendar-star"></i>
|
||||
<span class="np-card-training-sessions-label">
|
||||
{% t .sessions, count: training_event.sessions.size %}
|
||||
</span>
|
||||
<a
|
||||
class="np-button np-button-wide"
|
||||
href="{% route training_session, id: training_event.sessions.first.id %}"
|
||||
>
|
||||
{% t shared.view %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,42 +0,0 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for section in course.sections %}
|
||||
{% assign activities_count = activities_count | plus: section.activities.size %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
{% assign scaled_image_url = "" | append: course.image_url | replace: "resize=width:819,height:503", "resize=width:912,height:503" %}
|
||||
|
||||
<div data-fs-element="academy | course-card" data-fs-properties-schema='{"data-course-language":"str", "data-course-id":"str", "data-course-categories":"str"}' data-course-language="{{course.properties.course_language}}" data-course-id="{{course.id}}" data-course-categories="{{ course.categories | map: 'id' | join: ' ' }}" class="course-card video-card col-xs-12 col-sm-6 col-lg-4" language="{{course.properties.course_language}}">
|
||||
<a class="course-card-wrapper" href="{{ course_path }}">
|
||||
{% if course.properties.course_time != 'NULL' %}
|
||||
<div class="video-card-ribbon">
|
||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.5C11.866 15.5 15 12.366 15 8.5C15 4.63401 11.866 1.5 8 1.5C4.13401 1.5 1 4.63401 1 8.5C1 12.366 4.13401 15.5 8 15.5ZM16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM6 4C6.27614 4 6.5 4.22386 6.5 4.5V11.6L11.0982 8.73891L7.5 6C7.27496 5.83997 7.22225 5.5278 7.38228 5.30276C7.54232 5.07772 7.85448 5.02501 8.07952 5.18504L12.2898 8.35919C12.4261 8.45614 12.5049 8.61484 12.4998 8.78205C12.4946 8.94926 12.4062 9.10282 12.2642 9.19119L6.26415 12.9245C6.10998 13.0205 5.91591 13.0253 5.75718 12.9371C5.59845 12.8489 5.5 12.6816 5.5 12.5V4.5C5.5 4.22386 5.72386 4 6 4Z" fill="white"/>
|
||||
</svg>
|
||||
<div class="video-card-ribbon-text body-s">
|
||||
{{ course.properties.course_time }}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<img class="course-card-image" src="{{ scaled_image_url }}" alt="{{ course.name }}">
|
||||
<div class="course-card-content">
|
||||
<h5 class="course-card-title">
|
||||
{{ course.name }}
|
||||
</h5>
|
||||
<div class="course-card-description">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
|
||||
<div class="course-card-footer">
|
||||
<div class="course-card-button button-wrapper">
|
||||
<div class="button-2 button-medium">
|
||||
<span class="lang-en">Watch video</span>
|
||||
<span class="lang-de">Video ansehen</span>
|
||||
<span class="lang-es">Ver el vídeo</span>
|
||||
<span class="lang-fr">Regarder la vidéo</span>
|
||||
<span class="lang-br">Assista ao vídeo</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -1,376 +0,0 @@
|
||||
{% assign categories_uuids = "" %}
|
||||
{% assign categories_names = "" %}
|
||||
{% assign in_progress = false %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.categories.size > 0 and course.ribbon != "VIDEO" and course.properties.featured == false %}
|
||||
{% assign course_categories_ids = course.categories | map: 'id' | join: "|||" %}
|
||||
{% assign course_categories_names = course.categories | map: 'name' | join: "|||" %}
|
||||
{% assign categories_uuids = categories_uuids | append: course_categories_ids | append: "|||" %}
|
||||
{% assign categories_names = categories_names | append: course_categories_names | append: "|||" %}
|
||||
{% endif %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% assign in_progress = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% assign categories_uuids = categories_uuids | split: "|||" | uniq %}
|
||||
{% assign categories_names = categories_names | split: "|||" | uniq %}
|
||||
|
||||
|
||||
|
||||
<div class="courses-hidden np-hidden">
|
||||
{% if in_progress == true %}
|
||||
<section class="courses-section" item-categories="in-progress">
|
||||
<div class="courses-section-header">
|
||||
<h3 class="courses-title strong">
|
||||
<span class="lang-en">In progress</span>
|
||||
<span class="lang-de">Pipedrive Kurse</span>
|
||||
<span class="lang-es">Cursos de Pipedrive</span>
|
||||
<span class="lang-fr">Cours de Pipedrive</span>
|
||||
<span class="lang-br">Cursos de Pipedrive</span>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="courses-list row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign course_categories = course.categories | map: 'id' %}
|
||||
{% if course.ribbon != "VIDEO" and course.properties.featured == false %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% include "cards_course" %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
{% for x in (1..categories_uuids.size) %}
|
||||
{% assign number_of_videos = 0 %}
|
||||
{% assign y = x | minus: 1 %}
|
||||
{% assign category_uuid = categories_uuids | slice: y %}
|
||||
<section class="courses-section" item-categories="{{ category_uuid }}">
|
||||
<div class="courses-section-header">
|
||||
<h3 class="courses-title strong">
|
||||
{% assign category_name = categories_names | slice: y %}
|
||||
|
||||
{% if category_name contains 'Pipedrive courses' %}
|
||||
<span class="lang-en">Pipedrive courses</span>
|
||||
<span class="lang-de">Pipedrive Kurse</span>
|
||||
<span class="lang-es">Cursos de Pipedrive</span>
|
||||
<span class="lang-fr">Cours de Pipedrive</span>
|
||||
<span class="lang-br">Cursos de Pipedrive</span>
|
||||
{% elsif category_name contains 'Sales courses' %}
|
||||
<span class="lang-en">Sales courses</span>
|
||||
<span class="lang-de">Vertriebskurse</span>
|
||||
<span class="lang-es">Cursos de Ventas</span>
|
||||
<span class="lang-fr">Cours de Vente</span>
|
||||
<span class="lang-br">Cursos de Vendas</span>
|
||||
{% elsif category_name contains 'Marketing courses' %}
|
||||
<span class="lang-en">Marketing courses</span>
|
||||
<span class="lang-de">Marketingkurse</span>
|
||||
<span class="lang-es">Cursos de Marketing</span>
|
||||
<span class="lang-fr">Cours de Marketing</span>
|
||||
<span class="lang-br">Cursos de Marketing</span>
|
||||
{% elsif category_name contains 'Automations' %}
|
||||
<span class="lang-en">Automations</span>
|
||||
<span class="lang-de">Automatisierungen</span>
|
||||
<span class="lang-es">Automatizaciones</span>
|
||||
<span class="lang-fr">Automatisations</span>
|
||||
<span class="lang-br">Automações</span>
|
||||
{% elsif category_name contains 'Campaigns' %}
|
||||
<span class="lang-en">Campaigns</span>
|
||||
<span class="lang-de">Kampagnen</span>
|
||||
<span class="lang-es">Campañas</span>
|
||||
<span class="lang-fr">Campagnes</span>
|
||||
<span class="lang-br">Campanhas</span>
|
||||
{% elsif category_name contains 'Data import' %}
|
||||
<span class="lang-en">Data import</span>
|
||||
<span class="lang-de">Datenimport</span>
|
||||
<span class="lang-es">Importación de datos</span>
|
||||
<span class="lang-fr">Importation de données</span>
|
||||
<span class="lang-br">importação de dados</span>
|
||||
{% elsif category_name contains 'Deals and Sales Pipelines' %}
|
||||
<span class="lang-en">Deals and Sales Pipelines</span>
|
||||
<span class="lang-de">Deals und Vertriebspipelines</span>
|
||||
<span class="lang-es">Tratos y canalizaciones de ventas</span>
|
||||
<span class="lang-fr">Offres et pipelines de ventes</span>
|
||||
<span class="lang-br">Negociações e Pipelines de Vendas</span>
|
||||
{% elsif category_name contains 'Documents and Invoicing' %}
|
||||
<span class="lang-en">Documents and Invoicing</span>
|
||||
<span class="lang-de">Dokumente und Rechnungen</span>
|
||||
<span class="lang-es">Documentos y Facturación</span>
|
||||
<span class="lang-fr">Documents et facturation</span>
|
||||
<span class="lang-br">Documentos e Faturamento</span>
|
||||
{% elsif category_name contains 'Email and communications' %}
|
||||
<span class="lang-en">Email and communications</span>
|
||||
<span class="lang-de">E-Mail und Kommunikation</span>
|
||||
<span class="lang-es">Correo electrónico y comunicaciones</span>
|
||||
<span class="lang-fr">Courriel et communications</span>
|
||||
<span class="lang-br">E-mail e comunicações</span>
|
||||
{% elsif category_name contains 'Insights and reporting' %}
|
||||
<span class="lang-en">Insights and reporting</span>
|
||||
<span class="lang-de">Erkenntnisse und Berichterstattung</span>
|
||||
<span class="lang-es">Resultados e informes</span>
|
||||
<span class="lang-fr">Résultats et rapports</span>
|
||||
<span class="lang-br">Informações e relatórios</span>
|
||||
{% elsif category_name contains 'Integrations' %}
|
||||
<span class="lang-en">Integrations</span>
|
||||
<span class="lang-de">Integrationen</span>
|
||||
<span class="lang-es">La integración</span>
|
||||
<span class="lang-fr">L'intégration</span>
|
||||
<span class="lang-br">Integrações</span>
|
||||
{% elsif category_name contains 'Lead generation' %}
|
||||
<span class="lang-en">Lead Generation</span>
|
||||
<span class="lang-de">Lead Generierung</span>
|
||||
<span class="lang-es">Generación líder</span>
|
||||
<span class="lang-fr">Génération de leads</span>
|
||||
<span class="lang-br">Geração de leads</span>
|
||||
{% elsif category_name contains 'Pipedrive basics' %}
|
||||
<span class="lang-en">Pipedrive basics</span>
|
||||
<span class="lang-de">Pipedrive Grundlagen</span>
|
||||
<span class="lang-es">Pipedrive Gouplagène</span>
|
||||
<span class="lang-fr">Pipedrive gouplagène</span>
|
||||
<span class="lang-br">Noções básicas do Pipedrive</span>
|
||||
{% elsif category_name contains 'Pipedrive settings' %}
|
||||
<span class="lang-en">Pipedrive settings</span>
|
||||
<span class="lang-de">Pipedrive-Einstellungen</span>
|
||||
<span class="lang-es">Configuración de Pipedrive</span>
|
||||
<span class="lang-fr">Paramètres Pipedrive</span>
|
||||
<span class="lang-br">Configurações do Pipedrive</span>
|
||||
{% elsif category_name contains 'Privacy and security' %}
|
||||
<span class="lang-en">Privacy and security</span>
|
||||
<span class="lang-de">Privatsphäre und Sicherheit</span>
|
||||
<span class="lang-es">Privacidad y seguridad</span>
|
||||
<span class="lang-fr">Confidentialité et sécurité</span>
|
||||
<span class="lang-br">Privacidade e segurança</span>
|
||||
{% elsif category_name contains 'Projects' %}
|
||||
<span class="lang-en">Projects</span>
|
||||
<span class="lang-de">Projekte</span>
|
||||
<span class="lang-es">Proyectos</span>
|
||||
<span class="lang-fr">Projets</span>
|
||||
<span class="lang-br">Projetos</span>
|
||||
{% elsif category_name contains 'User management' %}
|
||||
<span class="lang-en">User management</span>
|
||||
<span class="lang-de">Benutzerverwaltung</span>
|
||||
<span class="lang-es">Gestión de usuarios</span>
|
||||
<span class="lang-fr">Gestion des utilisateurs</span>
|
||||
<span class="lang-br">gerenciamento de usuários</span>
|
||||
{% elsif category_name contains 'Spanish' %}
|
||||
<span class="lang-en" style="display:none;">Spanish</span>
|
||||
<span class="lang-de" style="display:none;">Spanisch</span>
|
||||
<span class="lang-es" style="display:none;">Español</span>
|
||||
<span class="lang-fr" style="display:none;">Espagnol</span>
|
||||
<span class="lang-br" style="display:none;">Espanhol</span>
|
||||
{% elsif category_name contains 'German' %}
|
||||
<span class="lang-en" style="display:none;"></span>
|
||||
<span class="lang-de" style="display:none;"></span>
|
||||
<span class="lang-es" style="display:none;"></span>
|
||||
<span class="lang-fr" style="display:none;"></span>
|
||||
<span class="lang-br" style="display:none;"></span>
|
||||
{% elsif category_name contains 'French' %}
|
||||
<span class="lang-en" style="display:none;"></span>
|
||||
<span class="lang-de" style="display:none;"></span>
|
||||
<span class="lang-es" style="display:none;"></span>
|
||||
<span class="lang-fr" style="display:none;"></span>
|
||||
<span class="lang-br" style="display:none;"></span>
|
||||
{% elsif category_name contains 'Portuguese' %}
|
||||
<span class="lang-en" style="display:none;"></span>
|
||||
<span class="lang-de" style="display:none;"></span>
|
||||
<span class="lang-es" style="display:none;"></span>
|
||||
<span class="lang-fr" style="display:none;"></span>
|
||||
<span class="lang-br" style="display:none;"></span>
|
||||
{% else %}
|
||||
{{ category_name }}
|
||||
{% endif %}
|
||||
</h3>
|
||||
<div class="courses-section-button" onclick="this.parentNode.parentNode.classList.toggle('courses-section-expanded')">
|
||||
<span class="courses-section-button-hide">
|
||||
<span class="lang-en">Show less</span>
|
||||
<span class="lang-de">Weniger anzeigen</span>
|
||||
<span class="lang-es">Mostrar menos</span>
|
||||
<span class="lang-fr">Montrer moins</span>
|
||||
<span class="lang-br">Mostrar menos</span>
|
||||
</span>
|
||||
<span class="courses-section-button-expand">
|
||||
<span class="lang-en">View all</span>
|
||||
<span class="lang-de">Alle anzeigen</span>
|
||||
<span class="lang-es">Ver todos</span>
|
||||
<span class="lang-fr">Tout afficher</span>
|
||||
<span class="lang-br">Ver tudo</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="courses-list row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% assign course_categories = course.categories | map: 'id' %}
|
||||
{% if course.ribbon != "VIDEO" and course.properties.featured == false %}
|
||||
{% for cat in course_categories %}
|
||||
{% if category_uuid contains cat %}
|
||||
{% assign number_of_videos = number_of_videos | plus: 1 %}
|
||||
{% include "cards_course" %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% if number_of_videos <= 3 %}
|
||||
<style>
|
||||
{% if number_of_videos == 1 %}
|
||||
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
|
||||
display: none;
|
||||
}
|
||||
{% elsif number_of_videos == 2 %}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
{% else %}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
{% endif %}
|
||||
</style>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="courses container width-limit">
|
||||
{% include "catalog_filter", uuids: categories_uuids, names: categories_names %}
|
||||
<section class="courses-section courses-section-featured" item-categories="">
|
||||
<h3 class="courses-title strong">
|
||||
<span class="lang-en">Featured courses</span>
|
||||
<span class="lang-de">Ausgewählte Kurse</span>
|
||||
<span class="lang-es">Cursos destacados</span>
|
||||
<span class="lang-fr">Cours à l'affiche</span>
|
||||
<span class="lang-br">Cursos em destaque</span>
|
||||
</h3>
|
||||
{% assign any_course = false %}
|
||||
<div class="courses-list row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.ribbon != "VIDEO" and course.properties.featured %}
|
||||
{% include "cards_course" %}
|
||||
{% assign any_course = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% unless any_course %}
|
||||
<style>
|
||||
.courses-section-featured {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endunless %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.courses-title {
|
||||
padding-bottom: 40px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.courses-section:not(:last-of-type) .courses-list {
|
||||
border-bottom: 1px solid #E1E1FF;
|
||||
}
|
||||
.courses-section-filtered .courses-list {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.courses-list {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.courses-section-filtered {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.courses-section-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.courses-section-filtered .courses-section-header {
|
||||
display: none;
|
||||
}
|
||||
.courses-section-button {
|
||||
color: #0070D6;
|
||||
cursor: pointer;
|
||||
}
|
||||
.courses-section-button-hide {
|
||||
display: none;
|
||||
}
|
||||
.courses-section.courses-section-expanded .courses-section-button-hide {
|
||||
display: block;
|
||||
}
|
||||
.courses-section.courses-section-expanded .courses-section-button-expand {
|
||||
display: none;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.courses-section:not(.courses-section-expanded) .course-card:not(:first-child) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.courses-list > div {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.courses-list {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) and (max-width: 1199px) {
|
||||
.courses-section:not(.courses-section-expanded) .course-card:nth-child(n+3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.courses-section:not(.courses-section-expanded) .course-card:nth-child(n+4) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
document.querySelectorAll('.course-card-description').forEach((x) => {
|
||||
$clamp(x, {clamp: 5});
|
||||
})
|
||||
|
||||
{% if current_school.sso_active? %}
|
||||
var categoriesOrder = ['in-progress','ALL',
|
||||
'e2af61ed-3fbc-448d-9d88-3a66b44735b3',
|
||||
'8fff4f04-75a5-43df-ae71-1fb4efb052a6',
|
||||
'5e2da7ac-8c87-49a2-b385-c5be91c0217f'
|
||||
]
|
||||
{% else %}
|
||||
var categoriesOrder = ['in-progress','ALL',
|
||||
'b62b5946-6a39-4fac-90e2-87b921620aa4',
|
||||
'db1bb7fd-bb8f-4939-a731-e9f8e5005370',
|
||||
'41abb409-d6f4-4ee9-b07e-0320dc3cc719'
|
||||
]
|
||||
{% endif %}
|
||||
|
||||
let filtersWrapper = document.querySelector('.courses-filter');
|
||||
let coursesWrapper = document.querySelector('.courses');
|
||||
categoriesOrder.forEach(category => {
|
||||
let filter = document.querySelector(`.courses-filter-item[category-uuid="${category}"]`)
|
||||
if (filter)
|
||||
filtersWrapper.appendChild(filter);
|
||||
if (category !== 'ALL') {
|
||||
let courseSection = document.querySelector(`.courses-section[item-categories="${category}"]`);
|
||||
if (courseSection) {
|
||||
coursesWrapper.appendChild(courseSection);
|
||||
}
|
||||
}
|
||||
});
|
||||
document.querySelectorAll('.courses-filter-hidden .courses-filter-item').forEach(filter => {
|
||||
filtersWrapper.appendChild(filter);
|
||||
});
|
||||
document.querySelectorAll('.courses-hidden .courses-section').forEach(courseSection => {
|
||||
coursesWrapper.appendChild(courseSection);
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
@ -1,168 +0,0 @@
|
||||
<div class="faq width-limit">
|
||||
<h2 class="faq-title">
|
||||
FAQ
|
||||
</h2>
|
||||
<div class="faq-list">
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What is a sales training program and how does it work?</span>
|
||||
<span class="lang-de">Was ist ein Vertriebstraining und wie funktioniert es?</span>
|
||||
<span class="lang-es">¿Qué es un programa de capacitación en ventas y cómo funciona?</span>
|
||||
<span class="lang-fr">Qu’est-ce qu’un programme de formation commerciale et comment fonctionne-t-il ?</span>
|
||||
<span class="lang-br">O que é um programa de treinamento de vendas e como funciona?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">A sales training program is a structured learning experience designed to improve the skills, techniques and processes of sales professionals. These programs typically cover topics such as prospecting, pitching, closing and CRM usage. They may include online modules and certification to help individuals and teams improve sales performance.</span>
|
||||
<span class="lang-de">Ein Vertriebstraining ist eine strukturierte Lernmethode, die darauf abzielt, die Fähigkeiten, Techniken und Prozesse von Vertriebsmitarbeitern zu verbessern. Solche Programme behandeln meist Themen wie Akquise, Präsentation, Abschluss und die Nutzung von CRM-Systemen. Sie können Online-Module und Zertifizierungen enthalten, um Einzelpersonen und Teams bei der Steigerung der Verkaufsleistung zu unterstützen.</span>
|
||||
<span class="lang-es">Un programa de capacitación en ventas es una experiencia de aprendizaje estructurada diseñada para mejorar las habilidades, técnicas y procesos de los profesionales de ventas. Estos programas suelen cubrir temas como prospección, presentación, cierre y uso de CRM. Pueden incluir módulos en línea y certificaciones para ayudar a individuos y equipos a mejorar su desempeño en ventas.</span>
|
||||
<span class="lang-fr">Un programme de formation commerciale est une expérience d’apprentissage structurée visant à améliorer les compétences, techniques et processus des professionnels de la vente. Ces programmes couvrent généralement des sujets tels que la prospection, la présentation, la conclusion et l’utilisation du CRM. Ils peuvent inclure des modules en ligne et des certifications pour aider les individus et les équipes à améliorer leurs performances commerciales.</span>
|
||||
<span class="lang-br">Um programa de treinamento de vendas é uma experiência de aprendizado estruturada projetada para aprimorar as habilidades, técnicas e processos dos profissionais de vendas. Esses programas geralmente abordam tópicos como prospecção, apresentação, fechamento e uso de CRM. Podem incluir módulos online e certificação para ajudar indivíduos e equipes a melhorar o desempenho de vendas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">How do I create a successful sales training program for my team?</span>
|
||||
<span class="lang-de">Wie erstelle ich ein erfolgreiches Vertriebstraining für mein Team?</span>
|
||||
<span class="lang-es">¿Cómo crear un programa de capacitación en ventas exitoso para mi equipo?</span>
|
||||
<span class="lang-fr">Comment créer un programme de formation commerciale réussi pour mon équipe ?</span>
|
||||
<span class="lang-br">Como criar um programa de treinamento de vendas bem-sucedido para minha equipe?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">To build an effective sales training program, start by identifying your team’s skill gaps and business goals. Develop a structured plan that includes onboarding basics, advanced selling techniques and CRM training. Incorporate video tutorials, real-life scenarios and interactive content. Tools like Pipedrive Academy can serve as a foundation, giving you ready-made lessons and frameworks to support your internal training efforts.</span>
|
||||
<span class="lang-de">Um ein effektives Vertriebstraining zu erstellen, beginnen Sie damit, die Fähigkeitslücken Ihres Teams und Ihre Geschäftsziele zu identifizieren. Entwickeln Sie einen strukturierten Plan, der Grundlagen für das Onboarding, fortgeschrittene Verkaufstechniken und CRM-Schulungen umfasst. Integrieren Sie Video-Tutorials, reale Szenarien und interaktive Inhalte. Tools wie die Pipedrive Academy können als Grundlage dienen und bieten fertige Lektionen und Rahmenwerke zur Unterstützung Ihrer internen Schulungen.</span>
|
||||
<span class="lang-es">Para crear un programa de capacitación en ventas efectivo, comienza identificando las brechas de habilidades de tu equipo y los objetivos comerciales. Desarrolla un plan estructurado que incluya los conceptos básicos de incorporación, técnicas avanzadas de ventas y formación en CRM. Incorpora tutoriales en video, escenarios de la vida real y contenido interactivo. Herramientas como Pipedrive Academy pueden servir como base, brindándote lecciones y marcos listos para apoyar tus esfuerzos de capacitación interna.</span>
|
||||
<span class="lang-fr">Pour créer un programme de formation commerciale efficace, commencez par identifier les lacunes en compétences de votre équipe et vos objectifs commerciaux. Élaborez un plan structuré incluant les bases de l’intégration, des techniques de vente avancées et la formation CRM. Intégrez des tutoriels vidéo, des scénarios réels et du contenu interactif. Des outils comme Pipedrive Academy peuvent servir de fondation en fournissant des leçons et des cadres prêts à l’emploi pour soutenir vos efforts de formation interne.</span>
|
||||
<span class="lang-br">Para criar um programa de treinamento de vendas eficaz, comece identificando as lacunas de habilidades da sua equipe e os objetivos de negócios. Desenvolva um plano estruturado que inclua os conceitos básicos de integração, técnicas avançadas de vendas e treinamento em CRM. Incorpore tutoriais em vídeo, cenários da vida real e conteúdo interativo. Ferramentas como a Pipedrive Academy podem servir como base, oferecendo lições prontas e estruturas para apoiar seus esforços de treinamento interno.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What does a sales academy offer?</span>
|
||||
<span class="lang-de">Was bietet eine Sales Academy?</span>
|
||||
<span class="lang-es">¿Qué ofrece una academia de ventas?</span>
|
||||
<span class="lang-fr">Que propose une académie de vente ?</span>
|
||||
<span class="lang-br">O que uma academia de vendas oferece?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">A sales academy is a dedicated platform or institution focused on developing sales talent through education, practice and coaching. It typically offers a curriculum of courses, video tutorials and webinars covering the full sales cycle. A sales academy like Pipedrive Academy gives learners on-demand access to real-world knowledge tailored for modern sales environments.</span>
|
||||
<span class="lang-de">Eine Sales Academy ist eine spezialisierte Plattform oder Institution, die sich auf die Entwicklung von Vertriebstalenten durch Ausbildung, Praxis und Coaching konzentriert. Sie bietet typischerweise einen Lehrplan mit Kursen, Video-Tutorials und Webinaren, die den gesamten Verkaufszyklus abdecken. Eine Sales Academy wie die Pipedrive Academy ermöglicht Lernenden den bedarfsgerechten Zugriff auf praxisnahes Wissen, das auf moderne Vertriebsumgebungen zugeschnitten ist.</span>
|
||||
<span class="lang-es">Una academia de ventas es una plataforma o institución dedicada a desarrollar el talento en ventas mediante educación, práctica y entrenamiento. Normalmente ofrece un plan de estudios con cursos, tutoriales en video y seminarios web que cubren todo el ciclo de ventas. Una academia de ventas como Pipedrive Academy brinda a los estudiantes acceso bajo demanda a conocimientos del mundo real adaptados a entornos de ventas modernos.</span>
|
||||
<span class="lang-fr">Une académie de vente est une plateforme ou institution dédiée au développement des talents commerciaux par l’éducation, la pratique et le coaching. Elle propose généralement un programme de cours, de tutoriels vidéo et de webinaires couvrant l’ensemble du cycle de vente. Une académie de vente comme Pipedrive Academy offre aux apprenants un accès à la demande à des connaissances concrètes adaptées aux environnements commerciaux modernes.</span>
|
||||
<span class="lang-br">Uma academia de vendas é uma plataforma ou instituição dedicada a desenvolver talentos em vendas por meio de educação, prática e coaching. Geralmente oferece um currículo de cursos, tutoriais em vídeo e webinars que cobrem todo o ciclo de vendas. Uma academia de vendas como a Pipedrive Academy oferece aos aprendizes acesso sob demanda ao conhecimento do mundo real adaptado aos ambientes modernos de vendas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What is Pipedrive Academy?</span>
|
||||
<span class="lang-de">Was ist die Pipedrive Academy?</span>
|
||||
<span class="lang-es">¿Qué es Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Qu’est-ce que Pipedrive Academy ?</span>
|
||||
<span class="lang-br">O que é a Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Pipedrive Academy is a free learning platform designed to help sales professionals, teams and business owners get the most out of Pipedrive CRM through courses, tutorials and tips.</span>
|
||||
<span class="lang-de">Die Pipedrive Academy ist eine kostenlose Lernplattform, die Vertriebsprofis, Teams und Geschäftsinhabern dabei hilft, das Beste aus Pipedrive CRM herauszuholen – durch Kurse, Tutorials und Tipps.</span>
|
||||
<span class="lang-es">Pipedrive Academy es una plataforma de aprendizaje gratuita diseñada para ayudar a profesionales de ventas, equipos y dueños de negocios a sacar el máximo provecho de Pipedrive CRM a través de cursos, tutoriales y consejos.</span>
|
||||
<span class="lang-fr">Pipedrive Academy est une plateforme d’apprentissage gratuite conçue pour aider les professionnels de la vente, les équipes et les propriétaires d’entreprise à tirer le meilleur parti de Pipedrive CRM grâce à des cours, des tutoriels et des astuces.</span>
|
||||
<span class="lang-br">A Pipedrive Academy é uma plataforma de aprendizado gratuita criada para ajudar profissionais de vendas, equipes e empresários a aproveitarem ao máximo o Pipedrive CRM por meio de cursos, tutoriais e dicas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What types of courses are available in Pipedrive Academy?</span>
|
||||
<span class="lang-de">Welche Kursarten gibt es in der Pipedrive Academy?</span>
|
||||
<span class="lang-es">¿Qué tipos de cursos están disponibles en Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Quels types de cours sont disponibles dans Pipedrive Academy ?</span>
|
||||
<span class="lang-br">Quais tipos de cursos estão disponíveis na Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Courses cover Pipedrive features like pipeline management, email integration, reporting, automations and much more – with content that’s tailored to beginners and advanced users.</span>
|
||||
<span class="lang-de">Die Kurse behandeln Pipedrive-Funktionen wie Pipeline-Management, E-Mail-Integration, Berichterstattung, Automatisierungen und vieles mehr – mit Inhalten, die sowohl für Anfänger als auch für Fortgeschrittene zugeschnitten sind.</span>
|
||||
<span class="lang-es">Los cursos cubren funciones de Pipedrive como gestión de pipeline, integración de correo electrónico, informes, automatizaciones y mucho más, con contenido adaptado tanto para principiantes como para usuarios avanzados.</span>
|
||||
<span class="lang-fr">Les cours couvrent des fonctionnalités de Pipedrive telles que la gestion du pipeline, l’intégration des e-mails, les rapports, les automatisations et bien plus encore – avec un contenu adapté aux débutants comme aux utilisateurs avancés.</span>
|
||||
<span class="lang-br">Os cursos abordam recursos do Pipedrive como gestão de pipeline, integração de e-mail, relatórios, automações e muito mais – com conteúdo adaptado para iniciantes e usuários avançados.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">Can I track my progress in Pipedrive Academy courses?</span>
|
||||
<span class="lang-de">Kann ich meinen Fortschritt in den Kursen der Pipedrive Academy verfolgen?</span>
|
||||
<span class="lang-es">¿Puedo seguir mi progreso en los cursos de Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Puis-je suivre ma progression dans les cours de Pipedrive Academy ?</span>
|
||||
<span class="lang-br">Posso acompanhar meu progresso nos cursos da Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Yes, your course progress is saved, so you can pick up where you left off and keep track of completed modules.</span>
|
||||
<span class="lang-de">Ja, Ihr Kursfortschritt wird gespeichert, sodass Sie dort weitermachen können, wo Sie aufgehört haben, und abgeschlossene Module im Blick behalten.</span>
|
||||
<span class="lang-es">Sí, tu progreso en el curso se guarda, para que puedas continuar donde lo dejaste y llevar un registro de los módulos completados.</span>
|
||||
<span class="lang-fr">Oui, votre progression dans le cours est enregistrée, vous pouvez donc reprendre là où vous vous êtes arrêté et suivre les modules terminés.</span>
|
||||
<span class="lang-br">Sim, o progresso do seu curso é salvo, para que você possa continuar de onde parou e acompanhar os módulos concluídos.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">Are the courses suitable for team training?</span>
|
||||
<span class="lang-de">Sind die Kurse für das Teamtraining geeignet?</span>
|
||||
<span class="lang-es">¿Son los cursos adecuados para la formación de equipos?</span>
|
||||
<span class="lang-fr">Les cours conviennent-ils à la formation des équipes ?</span>
|
||||
<span class="lang-br">Os cursos são adequados para treinamento em equipe?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Absolutely. Pipedrive Academy is a great tool for onboarding new team members or upskilling your entire sales team.</span>
|
||||
<span class="lang-de">Absolut. Die Pipedrive Academy ist ein hervorragendes Tool, um neue Teammitglieder einzuarbeiten oder Ihr gesamtes Vertriebsteam weiterzubilden.</span>
|
||||
<span class="lang-es">Absolutamente. Pipedrive Academy es una excelente herramienta para incorporar nuevos miembros al equipo o para mejorar las habilidades de todo el equipo de ventas.</span>
|
||||
<span class="lang-fr">Absolument. Pipedrive Academy est un excellent outil pour intégrer les nouveaux membres de l’équipe ou perfectionner toute votre équipe de vente.</span>
|
||||
<span class="lang-br">Com certeza. A Pipedrive Academy é uma ótima ferramenta para integrar novos membros da equipe ou aprimorar toda a sua equipe de vendas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -1,216 +0,0 @@
|
||||
{% if uuids.size > 0 %}
|
||||
<div class="courses-filter">
|
||||
<div data-fs-element="academy | course-filter" data-fs-properties-schema='{"data-course-category-id":"str"}' data-course-category-id="all" class="courses-filter-item courses-filter-item-active body-s strong" onclick="filterItems(this)" category-uuid="ALL" style="order: -1;">
|
||||
<span class="lang-en">All topics</span>
|
||||
<span class="lang-de">Alle Themen</span>
|
||||
<span class="lang-es">Todos los temas</span>
|
||||
<span class="lang-fr">Tous les thèmes</span>
|
||||
<span class="lang-br">Todos os tópicos</span>
|
||||
</div>
|
||||
<div class="horizontal-dividing-line"></div>
|
||||
{% for x in (1..uuids.size) %}
|
||||
{% assign y = x | minus: 1 %}
|
||||
<div data-fs-element="academy | course-filter" data-fs-properties-schema='{"data-course-category-id":"str"}' data-course-category-id="{{ uuids | slice: y }}" class="courses-filter-item body-s strong" onclick="filterItems(this)" category-uuid="{{ uuids | slice: y }}">
|
||||
{% assign category_name = names | slice: y %}
|
||||
{% if category_name contains 'Pipedrive courses' %}
|
||||
<span class="lang-en">Pipedrive courses</span>
|
||||
<span class="lang-de">Pipedrive Kurse</span>
|
||||
<span class="lang-es">Cursos de Pipedrive</span>
|
||||
<span class="lang-fr">Cours de Pipedrive</span>
|
||||
<span class="lang-br">Cursos de Pipedrive</span>
|
||||
{% elsif category_name contains 'Sales courses' %}
|
||||
<span class="lang-en">Sales courses</span>
|
||||
<span class="lang-de">Vertriebskurse</span>
|
||||
<span class="lang-es">Cursos de Ventas</span>
|
||||
<span class="lang-fr">Cours de Vente</span>
|
||||
<span class="lang-br">Cursos de Vendas</span>
|
||||
{% elsif category_name contains 'Marketing courses' %}
|
||||
<span class="lang-en">Marketing courses</span>
|
||||
<span class="lang-de">Marketingkurse</span>
|
||||
<span class="lang-es">Cursos de Marketing</span>
|
||||
<span class="lang-fr">Cours de Marketing</span>
|
||||
<span class="lang-br">Cursos de Marketing</span>
|
||||
{% elsif category_name contains 'Spanish' %}
|
||||
<span class="lang-en">Spanish</span>
|
||||
<span class="lang-de">Spanisch</span>
|
||||
<span class="lang-es">Español</span>
|
||||
<span class="lang-fr">Espagnol</span>
|
||||
<span class="lang-br">Espanhol</span>
|
||||
{% else %}
|
||||
{{ category_name }}
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="horizontal-dividing-line" style="order: 10;"></div>
|
||||
<div class="certificate-toggle-wrapper" style="order: 11;">
|
||||
<label class="certificate-switch">
|
||||
<input type="checkbox" id="certificate-toggle">
|
||||
<span class="certificate-slider"></span>
|
||||
</label>
|
||||
<span class="certificate-label body-s strong">Certificate courses</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
let frenchFilter = document.querySelector('[category-uuid = "757bff69-a942-40ba-9013-c111c35c0dff"]');
|
||||
let germanDeutchFilter = document.querySelector('[category-uuid = "923e6454-8e23-4e03-8c69-98d8b5c39fdd"]');
|
||||
let portugeseBRFilter = document.querySelector('[category-uuid = "93e4f5b0-c34e-4d9b-837b-ce36fd34d19e"]');
|
||||
let spanishFilter = document.querySelector('[category-uuid = "2f2aab71-9b6c-45fd-8b46-ef61cadb9927"]');
|
||||
|
||||
frenchFilter.style.display = 'none';
|
||||
germanDeutchFilter.style.display = 'none';
|
||||
portugeseBRFilter.style.display = 'none';
|
||||
spanishFilter.style.display = 'none';
|
||||
// if(window.location.href.includes('de-')){
|
||||
// frenchFilter.style.display = 'none';
|
||||
// portugeseBRFilter.style.display = 'none';
|
||||
// spanishFilter.style.display = 'none';
|
||||
//} else if(window.location.href.includes('es-')){
|
||||
// frenchFilter.style.display = 'none';
|
||||
// germanDeutchFilter.style.display = 'none';
|
||||
// portugeseBRFilter.style.display = 'none';
|
||||
//} else if(window.location.href.includes('fr-')){
|
||||
// germanDeutchFilter.style.display = 'none';
|
||||
// portugeseBRFilter.style.display = 'none';
|
||||
// spanishFilter.style.display = 'none';
|
||||
//} else if(window.location.href.includes('br-')){
|
||||
// frenchFilter.style.display = 'none';
|
||||
// germanDeutchFilter.style.display = 'none';
|
||||
// spanishFilter.style.display = 'none';
|
||||
//}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.courses-filter {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-top: 40px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.courses-filter-item {
|
||||
padding: 10px 20px;
|
||||
border: 2px solid #E4E6E9;
|
||||
border-radius: 300px;
|
||||
color: #656E7A;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
.courses-filter-item:not(.courses-filter-item-active):hover {
|
||||
color: var(--black-digital);
|
||||
}
|
||||
.courses-filter-item-active {
|
||||
color: var(--green);
|
||||
border: 2px solid var(--green);
|
||||
cursor: default;
|
||||
}
|
||||
.category-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.certificate-toggle-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.certificate-switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.certificate-switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.certificate-slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #999FA7;
|
||||
border-radius: 34px;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.certificate-slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
transition: 0.4s;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.certificate-label {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0px;
|
||||
color: #656E7A;
|
||||
}
|
||||
.certificate-switch input:checked + .certificate-slider {
|
||||
background-color: var(--green);
|
||||
}
|
||||
|
||||
.certificate-switch input:checked + .certificate-slider:before {
|
||||
transform: translateX(22px);
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function applyCertificateFilter(selectedCategoryUUID) {
|
||||
const showOnlyCertificate = document.getElementById('certificate-toggle').checked;
|
||||
|
||||
document.querySelectorAll('.courses-section').forEach(section => {
|
||||
const matchesCategory =
|
||||
selectedCategoryUUID === 'ALL' ||
|
||||
section.getAttribute('item-categories') === selectedCategoryUUID;
|
||||
|
||||
const hasCertificateCourse = section.querySelector('[item-certificate="true"]') !== null;
|
||||
|
||||
const shouldShow = matchesCategory && (!showOnlyCertificate || hasCertificateCourse);
|
||||
|
||||
section.classList.toggle('category-hidden', !shouldShow);
|
||||
|
||||
});
|
||||
}
|
||||
function filterItems(element) {
|
||||
if (!element.classList.contains(('courses-filter-item-active'))) {
|
||||
document.querySelector('.courses-filter-item-active').classList.remove('courses-filter-item-active');
|
||||
element.classList.add('courses-filter-item-active');
|
||||
let selectedCategoryUUID = element.getAttribute('category-uuid');
|
||||
document.querySelectorAll('.courses-section-expanded').forEach(x => {x.classList.remove('courses-section-expanded')});
|
||||
document.querySelectorAll('.courses-section-filtered').forEach(x => {x.classList.remove('courses-section-filtered')});
|
||||
document.querySelectorAll('[item-categories]').forEach(x => {x.classList.remove('category-hidden')});
|
||||
if (selectedCategoryUUID !== 'ALL') {
|
||||
document.querySelectorAll(".courses-section").forEach(x => {
|
||||
if (x.getAttribute('item-categories') === selectedCategoryUUID) {
|
||||
x.classList.add('courses-section-expanded');
|
||||
x.classList.add('courses-section-filtered');
|
||||
} else {
|
||||
x.classList.add('category-hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
window.sessionStorage.setItem('last-selected-video-filter', selectedCategoryUUID);
|
||||
applyCertificateFilter(selectedCategoryUUID);
|
||||
}
|
||||
}
|
||||
document.getElementById('certificate-toggle').addEventListener('change', () => {
|
||||
const currentActive = document.querySelector('.courses-filter-item-active');
|
||||
const selectedCategoryUUID = currentActive.getAttribute('category-uuid');
|
||||
applyCertificateFilter(selectedCategoryUUID);
|
||||
});
|
||||
</script>
|
||||
@ -1,85 +0,0 @@
|
||||
<section class="page-info-wrapper" style="background: #F7F7FE;">
|
||||
<div class="page-info width-limit">
|
||||
<div class="page-info-section row-reverse">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/4.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">What you get in Pipedrive Academy courses</span>
|
||||
<span class="lang-de">Was Sie in den Kursen der Pipedrive Academy erhalten</span>
|
||||
<span class="lang-es">Lo que obtienes en los cursos de Pipedrive Academy</span>
|
||||
<span class="lang-fr">Ce que vous obtenez dans les cours de la Pipedrive Academy</span>
|
||||
<span class="lang-br">O que você recebe nos cursos da Pipedrive Academy</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description flex-settings">
|
||||
<span class="lang-en">Pipedrive Academy offers digital training courses, classes and video tutorials for sales people. Learn CRM software and best practices at your own pace.</span>
|
||||
<span class="lang-en">Improve your digital email marketing skills, sales techniques and more. Certificate courses in marketing available.</span>
|
||||
|
||||
<span class="lang-de">Die Pipedrive Academy bietet digitale Schulungskurse, Klassen und Video-Tutorials für Vertriebsmitarbeiter. Lernen Sie CRM-Software und bewährte Methoden in Ihrem eigenen Tempo.</span>
|
||||
<span class="lang-de">Verbessern Sie Ihre Fähigkeiten im digitalen E-Mail-Marketing, Ihre Verkaufstechniken und mehr. Zertifikatskurse im Bereich Marketing sind verfügbar.</span>
|
||||
|
||||
<span class="lang-fr">La Pipedrive Academy propose des formations numériques, des cours et des tutoriels vidéo pour les commerciaux. Apprenez à utiliser un logiciel CRM et les meilleures pratiques à votre rythme.</span>
|
||||
<span class="lang-fr">Améliorez vos compétences en marketing par e-mail, vos techniques de vente et bien plus encore. Des cours certifiants en marketing sont disponibles.</span>
|
||||
|
||||
<span class="lang-es">Pipedrive Academy ofrece cursos de formación digital, clases y tutoriales en vídeo para vendedores. Aprende a utilizar software CRM y buenas prácticas a tu propio ritmo.</span>
|
||||
<span class="lang-es">Mejora tus habilidades en email marketing digital, técnicas de ventas y más. Hay cursos con certificado disponibles en marketing.</span>
|
||||
|
||||
<span class="lang-br">A Pipedrive Academy oferece cursos de treinamento digital, aulas e tutoriais em vídeo para profissionais de vendas. Aprenda sobre software de CRM e boas práticas no seu próprio ritmo.</span>
|
||||
<span class="lang-br">Aprimore suas habilidades em marketing por e-mail, técnicas de vendas e muito mais. Cursos com certificado em marketing estão disponíveis.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-info-section row-normal">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/8.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Sales training program benefits</span>
|
||||
<span class="lang-de">Vorteile von Verkaufsschulungsprogrammen</span>
|
||||
<span class="lang-es">Beneficios de los programas de formación en ventas</span>
|
||||
<span class="lang-fr">Avantages des programmes de formation en vente</span>
|
||||
<span class="lang-br">Benefícios dos programas de treinamento em vendas</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description flex-settings">
|
||||
<span class="lang-en">
|
||||
Sales teams that receive proper training close more deals and experience increased revenue. They learn not to waste time on low quality leads and unproductive processes.
|
||||
</span>
|
||||
<span class="lang-en">
|
||||
Training programs directly contribute to better, more personalized customer communication. Well-trained sales people nurture customer relationships that result in repeat business and higher retention.
|
||||
</span>
|
||||
|
||||
<span class="lang-de">
|
||||
Verkaufsteams, die eine fundierte Schulung erhalten, schließen mehr Geschäfte ab und erzielen höhere Umsätze. Sie lernen, keine Zeit mit schlechten Leads oder ineffizienten Prozessen zu verschwenden.
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
Schulungsprogramme tragen direkt zu einer besseren und persönlicheren Kundenkommunikation bei. Gut geschulte Vertriebsmitarbeiter pflegen Kundenbeziehungen, die zu Folgegeschäften und höherer Kundenbindung führen.
|
||||
</span>
|
||||
|
||||
<span class="lang-es">
|
||||
Los equipos de ventas que reciben una formación adecuada cierran más tratos y experimentan un aumento de ingresos. Aprenden a no perder tiempo con prospectos de baja calidad ni con procesos poco productivos.
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
Los programas de formación contribuyen directamente a una comunicación con el cliente más personalizada y eficaz. Los vendedores bien capacitados fomentan relaciones que generan compras recurrentes y una mayor retención.
|
||||
</span>
|
||||
|
||||
<span class="lang-fr">
|
||||
Les équipes commerciales correctement formées concluent davantage de ventes et génèrent plus de revenus. Elles apprennent à ne pas perdre de temps avec des prospects de faible qualité ou des processus inefficaces.
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
Les programmes de formation contribuent directement à une communication client plus personnalisée et efficace. Des commerciaux bien formés entretiennent des relations qui favorisent les ventes récurrentes et la fidélisation.
|
||||
</span>
|
||||
|
||||
<span class="lang-br">
|
||||
Equipes de vendas que recebem treinamento adequado fecham mais negócios e aumentam a receita. Elas aprendem a não perder tempo com leads de baixa qualidade e processos improdutivos.
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
Programas de treinamento contribuem diretamente para uma comunicação com o cliente mais personalizada e eficaz. Profissionais de vendas bem treinados cultivam relacionamentos que geram compras recorrentes e maior retenção.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,4 +0,0 @@
|
||||
<div class="col-xs-12 col-md-4 spacing-clear">
|
||||
{% include "certificates_verification" %}
|
||||
{% include "certificates_metadata" %}
|
||||
</div>
|
||||
@ -1,59 +0,0 @@
|
||||
<div class="np-card spacing-clear">
|
||||
<div class="np-card-container padding-spacing-8">
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .learner %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{certificate.learner_name}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
|
||||
{% if certificate.issuer_name_enabled? %}
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title">
|
||||
{% t .issued_by %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.issuer_name }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .issued_on %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.issue_date }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="row np-certificate-metadata-row">
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-title" >
|
||||
{% t .expires_on %}
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-xs-6 col-md-6">
|
||||
<p class="np-certificate-metadata-value">
|
||||
{{ certificate.expiration_date_translation }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,35 +0,0 @@
|
||||
<script type="text/javascript">
|
||||
const resizeIframe = () => {
|
||||
const combinedPadding = 16;
|
||||
const previewIframe = document.getElementById("previewIframe");
|
||||
const previewIFrameCard = document.getElementById("previewIFrameCard");
|
||||
const templateInPreviewContainer = previewIframe.contentWindow.document.querySelector('.np-certificate-container');
|
||||
const previewIframeContentHeight = templateInPreviewContainer.offsetHeight;
|
||||
const previewIframeContentWidth = templateInPreviewContainer.offsetWidth;
|
||||
const certificateRatio = previewIframeContentHeight / previewIframeContentWidth;
|
||||
|
||||
templateInPreviewContainer.style.margin = 0;
|
||||
previewIFrameCard.style.height = `${previewIFrameCard.offsetWidth * certificateRatio}px`;
|
||||
|
||||
const scaledIframeWidth = previewIFrameCard.offsetWidth - combinedPadding;
|
||||
const scaledIframeHeight = scaledIframeWidth * certificateRatio;
|
||||
const scale = scaledIframeHeight / previewIframeContentHeight;
|
||||
|
||||
previewIframe.style.transform = `scale(${scale})`;
|
||||
}
|
||||
|
||||
window.onresize = resizeIframe;
|
||||
</script>
|
||||
|
||||
<div class="col-xs-12 col-md-8 np-certificate-iframe-container">
|
||||
<div class="np-card spacing-clear">
|
||||
<div id="previewIFrameCard" class="np-card-container np-certificate-card">
|
||||
<iframe
|
||||
id="previewIframe"
|
||||
onload="resizeIframe()"
|
||||
class="np-certificate-iframe-preview"
|
||||
srcdoc="{{ certificate.certificate_template_html }}"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,44 +0,0 @@
|
||||
<div class="top-bar np-certificate-top-bar-spacing">
|
||||
<div class="top-bar__container uk-container uk-container-center uk-padding-horizontal np-max-width">
|
||||
<div class="top-bar__col">
|
||||
<h2 class="np-certificate-title" >
|
||||
{{certificate.certificate_name}}
|
||||
</h2>
|
||||
</div>
|
||||
<div class="button-container np-certificate-button-container">
|
||||
{% if certificate.linkedin_sharing_enabled and current_person.signed_in? and certificate.learner_uuid == current_person.id %}
|
||||
<a
|
||||
class="np-button np-certificate-button np-certificate-button-secondary"
|
||||
href="{{certificate.linkedin_share_url}}"
|
||||
target="_blank"
|
||||
>
|
||||
<i class="fab fa-linkedin np-certificate-share-icon"></i>
|
||||
{% t .share %}
|
||||
</a>
|
||||
{% endif %}
|
||||
<button
|
||||
id="print"
|
||||
type="button"
|
||||
class="np-button np-certificate-button np-certificate-button-secondary np-certificate-button-print"
|
||||
>
|
||||
{% t .print %}
|
||||
</button>
|
||||
{% if certificate.generating_pdf %}
|
||||
<div class="np-button np-certificate-button np-certificate-button-primary np-certificate-spinner-container">
|
||||
<i class="loader fad fa-spinner-third fa-spin np-certificate-spinner-icon np-button-font-color"></i>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
href="{{ certificate.download_url }}"
|
||||
aria-label="{% t .download %}"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
download
|
||||
class="np-button np-certificate-button np-certificate-button-primary np-button-font-color"
|
||||
>
|
||||
{% t .download %}
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,15 +0,0 @@
|
||||
<div class="np-card spacing-clear np-certificate-verification-card">
|
||||
<div class="np-card-container np-certificate-verification-container">
|
||||
<div class="np-certificate-verification-icon-container np-certificate-verification-icon-container-{{certificate.verification_status}}">
|
||||
<i class="far fa-{{certificate.verification_icon}} np-certificate-verification-icon"></i>
|
||||
</div>
|
||||
<div class="np-certificate-verification-info-container">
|
||||
<h2 class="np-certificate-verification-info-status spacing-clear">
|
||||
{{certificate.verification_title}}
|
||||
</h2>
|
||||
<p class="np-certificate-verification-info-description spacing-clear">
|
||||
{{certificate.verification_description}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,238 +0,0 @@
|
||||
<script
|
||||
src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
|
||||
type="text/javascript"
|
||||
charset="UTF-8"
|
||||
data-domain-language="true"
|
||||
data-domain-script="c938af5b-8612-421f-8d15-740c329a09bc{% if current_school.properties.sandbox %}-test{% endif %}"></script>
|
||||
<script type="text/javascript">
|
||||
!function(){var i="analytics",analytics=window[i]=window[i]||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window[i].initialized)return window[i][e].apply(window[i],arguments);var n=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");n.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}n.unshift(e);analytics.push(n);return analytics}};for(var n=0;n<analytics.methods.length;n++){var key=analytics.methods[n];analytics[key]=analytics.factory(key)}analytics.load=function(key,n){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute("data-global-segment-analytics-key",i);t.src="https://cdn-segment.pipedrive.com/analytics.js/v1/" + key + "/analytics.min.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r);analytics._loadOptions=n};analytics._writeKey={% if current_school.properties.sandbox %}"cmgpJlGksHfgGGINH2nFMKIrkLzUrHEk"{% else %}"Toe2jCBJvPgwWBT0GvOylUgge4ZHeEyc"{% endif %};;analytics.SNIPPET_VERSION="5.2.0";
|
||||
analytics._writeKey = {% if current_school.properties.sandbox %}"cmgpJlGksHfgGGINH2nFMKIrkLzUrHEk"{% else %}"Toe2jCBJvPgwWBT0GvOylUgge4ZHeEyc"{% endif %};;
|
||||
}}();
|
||||
|
||||
|
||||
const consent_middleware = function({payload, next, integration}) {
|
||||
const payloadObject = payload.obj.properties || payload.obj.traits;
|
||||
if (payloadObject) {
|
||||
payloadObject.consent_id = OneTrust.getDataSubjectId();
|
||||
payloadObject.cookie_policy_v2 = OnetrustActiveGroups
|
||||
}
|
||||
|
||||
next(payload);
|
||||
};
|
||||
|
||||
var gtm_middleware = function({payload, next, integration}) {
|
||||
if (payload.obj.messageId) {
|
||||
payload.obj.properties.messageId = payload.obj.messageId;
|
||||
}
|
||||
next(payload);
|
||||
};
|
||||
window.analytics.addSourceMiddleware(consent_middleware);
|
||||
window.analytics.addDestinationMiddleware('Google Tag Manager',[gtm_middleware]);
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
// Read Google Analytics cookie values and format them
|
||||
function getCookie(name) {
|
||||
const match = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
|
||||
return Array.isArray(match) && match.length > 1 ? match[2] : "";
|
||||
}
|
||||
("use strict");
|
||||
function _slicedToArray(t, e) {
|
||||
return (
|
||||
_arrayWithHoles(t) || _iterableToArrayLimit(t, e) || _nonIterableRest()
|
||||
);
|
||||
}
|
||||
function _nonIterableRest() {
|
||||
throw new TypeError("Invalid attempt to destructure non-iterable instance");
|
||||
}
|
||||
function _iterableToArrayLimit(t, e) {
|
||||
var r = [],
|
||||
n = !0,
|
||||
i = !1,
|
||||
o = void 0;
|
||||
try {
|
||||
for (
|
||||
var a, l = t[Symbol.iterator]();
|
||||
!(n = (a = l.next()).done) && (r.push(a.value), !e || r.length !== e);
|
||||
n = !0
|
||||
);
|
||||
} catch (t) {
|
||||
(i = !0), (o = t);
|
||||
} finally {
|
||||
try {
|
||||
n || null == l.return || l.return();
|
||||
} finally {
|
||||
if (i) throw o;
|
||||
}
|
||||
}
|
||||
return r;
|
||||
}
|
||||
function _arrayWithHoles(t) {
|
||||
if (Array.isArray(t)) return t;
|
||||
}
|
||||
function getGoogleAnalyticsClients() {
|
||||
try {
|
||||
return ga && "function" == typeof ga.getAll ? ga.getAll() : [];
|
||||
} catch (t) {
|
||||
return [];
|
||||
}
|
||||
}
|
||||
function formatGACookieValue(t) {
|
||||
if (!t) return "";
|
||||
var e = _slicedToArray("".concat(t).split("."), 4),
|
||||
r = e[2],
|
||||
n = e[3];
|
||||
return r && n ? "".concat(r, ".").concat(n) : "";
|
||||
}
|
||||
function getAnalyticsValues() {
|
||||
var t = getGoogleAnalyticsClients(),
|
||||
e = "",
|
||||
r = "";
|
||||
return (
|
||||
(r = t.length
|
||||
? ((e = t[0].get("clientId")), t[0].get("_gid"))
|
||||
: ((e = formatGACookieValue(getCookie("_ga"))),
|
||||
formatGACookieValue(getCookie("_gid")))),
|
||||
{ ga_client_id: e, gid: r }
|
||||
);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
function createPdReferrerCookie() {
|
||||
!function() {
|
||||
function e(e) {
|
||||
var c = document.cookie.match(new RegExp("(^| )".concat(e, "=([^;]+)")));
|
||||
return Array.isArray(c) && 1 < c.length ? c[2] : ""
|
||||
}
|
||||
var c = "pd_referrer_session";
|
||||
if ("" === e(c)) {
|
||||
var t;
|
||||
try {
|
||||
t = window.location.hostname.split(".").slice(-2).join(".")
|
||||
} catch (e) {
|
||||
t = "pipedrive.com"
|
||||
}
|
||||
var n, o = "pd_referrer";
|
||||
try {
|
||||
n = JSON.parse(decodeURIComponent(e(o))),
|
||||
Array.isArray(n) || (n = [])
|
||||
} catch (e) {
|
||||
n = []
|
||||
}
|
||||
7 < n.length && (n.length = 7);
|
||||
var a = null;
|
||||
try {
|
||||
document.referrer.split("/")[2].split(":")[0].split(".").slice(-2).join(".").slice(-t.length) !== t && (a = document.referrer)
|
||||
} catch (e) {
|
||||
a = null
|
||||
}
|
||||
var r, i, s, l, u, d, h, p = document.location.href;
|
||||
"1" === e("has_account") && (p = "".concat(p).concat(-1 === document.location.href.indexOf("?") ? "?" : "&", "hasaccount=1")),
|
||||
n.push({
|
||||
referrer_url: a,
|
||||
landing_url: p,
|
||||
ts: (r = new Date,
|
||||
i = r.getUTCFullYear(),
|
||||
s = "00".concat(r.getUTCMonth() + 1).slice(-2),
|
||||
l = "00".concat(r.getUTCDate()).slice(-2),
|
||||
u = "00".concat(r.getUTCHours()).slice(-2),
|
||||
d = "00".concat(r.getUTCMinutes()).slice(-2),
|
||||
h = "00".concat(r.getUTCSeconds()).slice(-2),
|
||||
"".concat(i, "-").concat(s, "-").concat(l, " ").concat(u, ":").concat(d, ":").concat(h))
|
||||
});
|
||||
var g = new Date
|
||||
, m = new Date;
|
||||
g.setDate(g.getDate() + 365),
|
||||
m.setMinutes(m.getMinutes() + 30);
|
||||
var f = "".concat(o, "=").concat(encodeURIComponent(JSON.stringify(n)), "; ") + "path=/; domain=".concat(t, "; max-age=31536000; expires=").concat(g)
|
||||
, v = "".concat(c, "=1; path=/; domain=").concat(t, "; max-age=31536000; expires=").concat(m);
|
||||
document.cookie = f,
|
||||
document.cookie = v
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
function loadSegmentTemplate() {
|
||||
if (typeof window.analytics.load !== "function") {
|
||||
return;
|
||||
}
|
||||
var groups = window.OnetrustActiveGroups || "C0001";
|
||||
if (!groups.includes("C0002")) {
|
||||
return;
|
||||
}
|
||||
//write key within load call also would need updated.
|
||||
window.analytics.load({% if current_school.properties.sandbox %}"cmgpJlGksHfgGGINH2nFMKIrkLzUrHEk"{% else %}"Toe2jCBJvPgwWBT0GvOylUgge4ZHeEyc"{% endif %},
|
||||
{
|
||||
obfuscate:true,
|
||||
integrations: {
|
||||
"Segment.io": {
|
||||
deliveryStrategy: {
|
||||
strategy: "batching",
|
||||
config: {
|
||||
size: 10,
|
||||
timeout: 5000
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"Google Tag Manager": groups.includes("C0002")
|
||||
});
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_school.sso_active? %}
|
||||
var email = '{{ current_person.email }}' || null
|
||||
var user_id = '{{ current_person.id }}' || null
|
||||
var sso_uid = '{{ current_person.sso_uid }}' || null
|
||||
{% else %}
|
||||
var email = '{{ current_person.email }}' || null
|
||||
var user_id = '{{ current_person.id }}' || null
|
||||
var sso_uid = null
|
||||
{% endif %}
|
||||
analytics.identify({
|
||||
"northpass_email": email ,
|
||||
"northpass_identifier": user_id,
|
||||
{% if current_school.sso_active? %}
|
||||
"pd_sso": sso_uid
|
||||
{% endif %}
|
||||
});
|
||||
{% endif %}
|
||||
|
||||
analytics.page(document.title, getAnalyticsValues());
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
function OptanonWrapper() {
|
||||
loadSegmentTemplate();
|
||||
createPdReferrerCookie();
|
||||
}
|
||||
</script>
|
||||
|
||||
{% if current_person.signed_in? and current_school.properties.sandbox == false %}
|
||||
<script type="text/javascript">
|
||||
let permissionCookie = ''
|
||||
function validateCookieProperty() {
|
||||
getCookie('OptanonConsent').split('&').forEach(x => {
|
||||
if (x.startsWith('groups='))
|
||||
permissionCookie = decodeURIComponent(x.split('=')[1])
|
||||
})
|
||||
if (permissionCookie !== '{{ current_person.properties.cookie_permissions }}') {
|
||||
const xhr = new XMLHttpRequest();
|
||||
{% if current_school.sso_active? %}
|
||||
var url = 'https://webhooks.workato.com/webhooks/rest/997192d2-6726-4f22-afbc-8cf021019896/pipedrive-sso-change-cookie-value'
|
||||
{% else %}
|
||||
var url = 'https://webhooks.workato.com/webhooks/rest/4a75076f-e7be-472b-b661-319f34ee9d24/pipedrive-open-change-cookie-value'
|
||||
{% endif %}
|
||||
xhr.open('POST', url);
|
||||
xhr.setRequestHeader('Content-Type', 'application/json');
|
||||
xhr.send(JSON.stringify({
|
||||
"personUUID": '{{ current_person.id }}',
|
||||
"newCookie": permissionCookie
|
||||
}));
|
||||
}
|
||||
}
|
||||
validateCookieProperty();
|
||||
</script>
|
||||
{% endif %}
|
||||
@ -1,4 +0,0 @@
|
||||
<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
|
||||
<span class="np-course-outline-content-activity-title">
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
@ -1,15 +0,0 @@
|
||||
{% if course.enrolled? %}
|
||||
<a
|
||||
href="{% route activity_viewer,
|
||||
id: activity.id,
|
||||
course_id: params.course_id,
|
||||
learning_path_id: params.learning_path_id
|
||||
%}" class="{{ class }}"
|
||||
>
|
||||
{{ activity.title }}
|
||||
</a>
|
||||
{% else%}
|
||||
<span class="{{ class }}">
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
{% endif %}
|
||||
@ -1,10 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex">
|
||||
{% for category in course.categories %}
|
||||
<div class="np-content-categories-content-item">
|
||||
{{ category.name }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -1,45 +0,0 @@
|
||||
{% if current_person.signed_in? and course.enrolled? %}
|
||||
<script>
|
||||
window.location.replace('{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}')
|
||||
</script>
|
||||
{% else %}
|
||||
<main>
|
||||
{% include "course_green_card" %}
|
||||
{% if course.instructors and course.instructors.size > 0 %}
|
||||
{% include "course_instructor_card" %}
|
||||
{% endif %}
|
||||
{% include "course_outline" %}
|
||||
{% include "catalog_faq" %}
|
||||
{% include "course_recommended_courses" %}
|
||||
|
||||
{% unless current_person.signed_in? %}
|
||||
{% assign banner_title = "<span class='lang-en'>How to get most out of Pipedrive?</span>
|
||||
<span class='lang-de'>Wie mache ich das meiste aus Pipedrive?</span>
|
||||
<span class='lang-es'>¿Cómo sacar el máximo provecho de Pipedrive?</span>
|
||||
<span class='lang-fr'>Comment tirer le maximum de Pipedrive ?</span>
|
||||
<span class='lang-br'>Como aproveitar o Pipedrive ao máximo?</span>"
|
||||
%}
|
||||
{% assign banner_text = "<span class='lang-en'>Welcome to Pipedrive Academy! Pipedrive Academy features CRM training videos and tutorials to help you level up your CRM and sales skills, from quick CRM courses to in-depth tutorials on specific features.</span>
|
||||
<span class='lang-de'>Willkommen bei der Pipedrive Academy! In der Pipedrive Academy finden Sie CRM-Schulungsvideos und -Lernprogramme, die Ihnen helfen, Ihre CRM- und Vertriebskenntnisse zu verbessern, von schnellen CRM-Kursen bis hin zu ausführlichen Lernprogrammen zu bestimmten Funktionen.</span>
|
||||
<span class='lang-es'>¡Bienvenido a la Academia Pipedrive! La Academia Pipedrive cuenta con videos y tutoriales de capacitación en CRM para ayudarte a subir de nivel en tus habilidades de CRM y ventas, desde cursos rápidos hasta tutoriales avanzados sobre funciones específicas.</span>
|
||||
<span class='lang-fr'>Bienvenue dans l'Académie de Pipedrive ! L'Académie de Pipedrive propose des vidéos de formation au CRM et des tutoriels pour améliorer vos compétences en vente et en relation client. Vous y trouverez aussi bien des leçons sur la GRC que des tutos approfondis sur des outils spécifiques. </span>
|
||||
<span class='lang-br'>Bem-vindo(a) à Academia do Pipedrive! A Academia do Pipedrive conta com vídeos de treinamento de CRM e tutoriais para ajudar você a melhorar suas habilidades de CRM e vendas. De cursos rápidos de CRM até tutoriais detalhados sobre recursos específicos, temos tudo aqui.</span>"
|
||||
%}
|
||||
{% assign banner_button_text = '<span class="lang-en">Start today</span>
|
||||
<span class="lang-de">Heute starten</span>
|
||||
<span class="lang-es">Empezar hoy mismo</span>
|
||||
<span class="lang-fr">Commencez dès aujourd'hui</span>
|
||||
<span class="lang-br">Comece hoje mesmo</span>'
|
||||
%}
|
||||
{% assign banner_button_link = "#sso-widget" %}
|
||||
{% include "green_banner_text_bg_image" %}
|
||||
{% endunless %}
|
||||
</main>
|
||||
|
||||
<script>
|
||||
addEventListener("DOMContentLoaded", () => {
|
||||
document.querySelector('#side-menu-courses')?.classList.add('side-menu-link-active');
|
||||
document.querySelector('.header-navigation-item[href="/app/catalog"]')?.classList.add('header-navigation-item-active');
|
||||
})
|
||||
</script>
|
||||
{% endif %}
|
||||
@ -1,6 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
@ -1,40 +0,0 @@
|
||||
<div class="np-card-container">
|
||||
<div class="np-resource-header np-course-header np-card-padding-large">
|
||||
{% include "course_header" %}
|
||||
</div>
|
||||
<div class="np-divider"></div>
|
||||
<div class="row np-course-content np-card-padding-dynamic">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
{% include "course_description" %}
|
||||
|
||||
{% if course.categories.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="np-grid-spacing col-xs-12 col-sm-6">
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,28 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex-column">
|
||||
{% for event in course.events %}
|
||||
<div class="np-course-events-content-item">
|
||||
<div class="np-course-events-content-date np-button-background-color">
|
||||
<div class="np-course-events-content-month">
|
||||
{{ event.sessions.first.abbreviated_month }}
|
||||
</div>
|
||||
<div class="np-course-events-content-day">
|
||||
{{ event.sessions.first.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-course-events-content-details">
|
||||
<div class="np-course-events-content-name">
|
||||
{{ event.title }}
|
||||
</div>
|
||||
<div class="np-course-events-content-type np-text-light">
|
||||
{% t shared.event_types, key: event.event_type %}
|
||||
</div>
|
||||
<div class="np-course-events-content-time np-button-color">
|
||||
{{ event.sessions.first.time_period }} {{ event.sessions.first.time_zone }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -1,196 +0,0 @@
|
||||
<div class="course-banner-wrapper course-banner-wrapper-image course-green-card">
|
||||
<div class="course-banner width-limit">
|
||||
{% if course.promo_video_embed_url.size > 0 %}
|
||||
<div class="course-video">
|
||||
{{ course.promo_video_embed_url }}
|
||||
</div>
|
||||
{% else %}
|
||||
<img class="course-banner-image" alt="banner image" src="{{ course.image_url }}">
|
||||
{% endif %}
|
||||
<div class="course-banner-content">
|
||||
<div class="course-return">
|
||||
<a href="/app/courses">
|
||||
<span class="lang-en">« Back to all courses</span>
|
||||
<span class="lang-de">« Zurück zu allen Kursen</span>
|
||||
<span class="lang-es">« Volver a todos los cursos</span>
|
||||
<span class="lang-fr">« Retour à l'ensemble des cours</span>
|
||||
<span class="lang-br">« Voltar a todos os cursos</span>
|
||||
</a>
|
||||
</div>
|
||||
<h1 class="course-banner-title">
|
||||
{{ course.name }}
|
||||
</h1>
|
||||
<div class="course-banner-text">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
{% comment %}
|
||||
Hiding it for now, when reimplementing we need to link it to open academy courses via custom property with enrollemnt link
|
||||
<div class="course-share">
|
||||
<a class="course-share-item" onclick="window.open(`https://www.facebook.com/sharer/sharer.php?u=${window.location.host}{% route course_enrollment, code: course.enrollment_code %}`,'_blank').focus()" style="color: #1877F2;">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
<a class="course-share-item" onclick="window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${window.location.host}{% route course_enrollment, code: course.enrollment_code %}`,'_blank').focus()" style="color: #0A66C2;">
|
||||
<i class="fab fa-linkedin"></i>
|
||||
</a>
|
||||
<a class="course-share-item" onclick="window.open(`https://twitter.com/intent/tweet?url=${window.location.host}{% route course_enrollment, code: course.enrollment_code %}`,'_blank').focus()" style="color: #1DA1F2;">
|
||||
<i class="fab fa-twitter"></i>
|
||||
</a>
|
||||
<a class="course-share-item" onclick="copyToClipboard()" style="color: #26292C;">
|
||||
<i class="far fa-link"></i>
|
||||
</a>
|
||||
<div class="course-copied">
|
||||
<span class="lang-en">Link was copied!</span>
|
||||
<span class="lang-de">Link wurde kopiert!</span>
|
||||
<span class="lang-es">Enlace copiado.</span>
|
||||
<span class="lang-fr">Le lien a été copié !</span>
|
||||
<span class="lang-br">O link foi copiado!</span>
|
||||
</div>
|
||||
</div>
|
||||
{% endcomment %}
|
||||
<div class="button-wrapper">
|
||||
{% if current_person.signed_in? %}
|
||||
{% if course.enrolled? %}
|
||||
<a class="course-banner-button button-large button-1" href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}">
|
||||
<span class="lang-en">Continue</span>
|
||||
<span class="lang-de">Weiter</span>
|
||||
<span class="lang-es">Continúe en</span>
|
||||
<span class="lang-fr">Continuer</span>
|
||||
<span class="lang-br">Continuar</span>
|
||||
</a>
|
||||
{% else %}
|
||||
<a class="course-banner-button button-large button-1" href="{% route course_enrollment, code: course.enrollment_code %}">
|
||||
<span class="lang-en">Start your course</span>
|
||||
<span class="lang-de">Starten Sie Ihren Kurs</span>
|
||||
<span class="lang-es">Comienza tu curso</span>
|
||||
<span class="lang-fr">Commencez votre cours</span>
|
||||
<span class="lang-br">Comece seu curso</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a class="course-banner-button button-large button-1"
|
||||
{% if current_school.sso_active? %}
|
||||
href="#sso-widget"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
<span class="lang-en">Register for free courses</span>
|
||||
<span class="lang-de">Anmeldung für kostenlose Kurse</span>
|
||||
<span class="lang-es">Inscribirse en cursos gratuitos</span>
|
||||
<span class="lang-fr">S'inscrire à des cours gratuits</span>
|
||||
<span class="lang-br">Cadastre-se para cursos gratuitos</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.course-return {
|
||||
color: #005AB0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.course-return:hover {
|
||||
color: #0070D6;
|
||||
}
|
||||
.course-share {
|
||||
display: flex;
|
||||
gap: 7px;
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.course-share-item {
|
||||
padding: 4px;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.course-copied {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transition: visibility 0.7s;
|
||||
z-index: 10;
|
||||
transform: translate(100%);
|
||||
white-space: nowrap;
|
||||
background: white;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.course-copied-show {
|
||||
opacity: 1;
|
||||
}
|
||||
.course-video {
|
||||
height: fit-content;
|
||||
flex: 1 1 0px;
|
||||
align-self: center;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.course-banner-wrapper {
|
||||
background: var(--green-light);
|
||||
}
|
||||
.course-banner {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.course-banner-image {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.course-banner-title {
|
||||
color: var(--green);
|
||||
font-weight: 700;
|
||||
}
|
||||
.course-banner-text {
|
||||
max-width: 800px;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
.course-banner-text * {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1024px) {
|
||||
.course-video {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.course-banner {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.course-banner-image {
|
||||
margin-bottom: 0;
|
||||
flex: 1 1 0px;
|
||||
width: 0;
|
||||
object-fit: contain;
|
||||
}
|
||||
.course-banner-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.course-banner-button {
|
||||
width: max-content;
|
||||
}
|
||||
.course-banner-wrapper-image .course-banner-content {
|
||||
flex: 1 1 0px;
|
||||
width: 0;
|
||||
align-self: center;
|
||||
}
|
||||
.course-banner-wrapper-image .course-banner {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
gap: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function copyToClipboard() {
|
||||
navigator.clipboard.writeText(window.location.host + "{% route course_enrollment, code: course.enrollment_code %}");
|
||||
let copiedInfo = document.querySelector('.course-copied');
|
||||
copiedInfo.classList.add('course-copied-show');
|
||||
setTimeout(() => {
|
||||
copiedInfo.classList.remove('course-copied-show');
|
||||
}, 1500);
|
||||
}
|
||||
</script>
|
||||
@ -1,16 +0,0 @@
|
||||
<div class="np-top-vocabulary np-text-title np-text-muted">
|
||||
{{ current_school.course_vocabulary }}
|
||||
<i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
|
||||
</i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
|
||||
</a>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-hidden-desktop"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
@ -1,88 +0,0 @@
|
||||
|
||||
<div class="width-limit instructor-card">
|
||||
<h3 class="instructor-card-title">
|
||||
<span class="lang-en">Your host for the course</span>
|
||||
<span class="lang-de">Ihr Kursleiter</span>
|
||||
<span class="lang-es">Su anfitrión para el curso</span>
|
||||
<span class="lang-fr">Votre formateur/formatrice</span>
|
||||
<span class="lang-br">Apresentador do curso</span>
|
||||
</h3>
|
||||
<div class="instructor-card-wrapper">
|
||||
{% for instructor in course.instructors %}
|
||||
<div class="instructor-card-body">
|
||||
<div class="instructor-image-container">
|
||||
<img class="instructor-image" src="{{ instructor.avatar_url }}" alt="{{ instructor.name }}">
|
||||
</div>
|
||||
<div class="instructor-text-container">
|
||||
<h4 class="instructor-bio">
|
||||
<svg class="opinion-quotes" width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 10C23.6818 11.3796 23.346 12.8476 22.9924 14.4041C22.6742 15.9605 22.3737 17.4816 22.0909 18.9673C21.8081 20.4177 21.5783 21.7619 21.4015 23L14.1364 23L13.7652 22.4163C14.0833 21.1429 14.4899 19.7986 14.9848 18.3837C15.4798 16.9687 16.0101 15.5361 16.5758 14.0857C17.1768 12.6354 17.7601 11.2735 18.3258 10L24 10ZM12.2348 10C11.9167 11.3796 11.5808 12.8476 11.2273 14.4041C10.9091 15.9605 10.6086 17.4816 10.3258 18.9673C10.0429 20.4177 9.81313 21.7619 9.63636 23L2.37121 23L2 22.4163C2.31818 21.1429 2.72475 19.7986 3.2197 18.3837C3.71465 16.9687 4.24495 15.5361 4.81061 14.0857C5.41162 12.6354 5.99495 11.2735 6.56061 10L12.2348 10Z" fill="var(--green)"/>
|
||||
</svg>
|
||||
{{ instructor.bio | strip_html }}
|
||||
</h4>
|
||||
<div class="instructor-name body-s strong">
|
||||
{{ instructor.name }},
|
||||
</div>
|
||||
<div class="instructor-title body-s">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.instructor-card {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.instructor-card-title {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.instructor-image-container {
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
}
|
||||
.instructor-image {
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.instructor-bio {
|
||||
font-weight: 400;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.opinion-quotes {
|
||||
top: -7px;
|
||||
position: relative;
|
||||
}
|
||||
.instructor-card-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.instructor-card {
|
||||
margin-top: 80px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.instructor-card-title {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.instructor-card-body {
|
||||
display: flex;
|
||||
}
|
||||
.instructor-image-container {
|
||||
margin-bottom: unset;
|
||||
flex-basis: 22%;
|
||||
min-width: 300px;
|
||||
margin-right: 50px;
|
||||
display: flex;
|
||||
}
|
||||
.instructor-text-container {
|
||||
flex-basis: 48%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,22 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .header %}
|
||||
</h3>
|
||||
<div class="np-flex">
|
||||
{% for instructor in course.instructors %}
|
||||
<div class="np-content-instructors-content-item">
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
/>
|
||||
<div class="np-content-instructors-content-description">
|
||||
<div class="np-content-instructors-content-name">
|
||||
{{ instructor.name }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-info np-text-light">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -1,40 +0,0 @@
|
||||
<div class="np-card-container np-card-padding-large">
|
||||
{% include "course_header" %}
|
||||
<div class="np-top-cta">
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.progress == 0 %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_outline" %}
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.categories.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
File diff suppressed because one or more lines are too long
@ -1,46 +0,0 @@
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
{% t .header %}
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ course.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="np-top-cta-progress-text
|
||||
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.learner_can_retake? %}
|
||||
<form action="{% route course_retake, id: course.id %}" method="POST">
|
||||
{% form_authenticity_token %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .retake, key: current_school.course_vocabulary %}
|
||||
</button>
|
||||
</form>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-top-button np-button-font-color np-button np-button-big"
|
||||
{% if course.enrolled? %}
|
||||
href="{% route course_viewer, course_id: course.id, learning_path_id: params.learning_path_id %}"
|
||||
{% else %}
|
||||
href="{% route course_enrollment, code: course.enrollment_code %}"
|
||||
{% endif %}
|
||||
>
|
||||
{% if course.enrolled? == false %}
|
||||
{% t shared.enroll %}
|
||||
{% elsif course.started? == false %}
|
||||
{% t shared.course.start, key: current_school.course_vocabulary %}
|
||||
{% elsif course.completed? %}
|
||||
{% t shared.course.view, key: current_school.course_vocabulary %}
|
||||
{% else %}
|
||||
{% t shared.continue %}
|
||||
{% endif %}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@ -1,47 +0,0 @@
|
||||
<div class="recommended-courses container width-limit">
|
||||
<h2 class="recommended-courses-title">
|
||||
<span class="lang-en">Courses you may find helpful</span>
|
||||
<span class="lang-de">Kurse, die Sie hilfreich finden könnten</span>
|
||||
<span class="lang-es">Cursos que pueden resultarle útiles</span>
|
||||
<span class="lang-fr">Cours qui pourraient vous être utiles</span>
|
||||
<span class="lang-br">Cursos que você pode achar útil</span>
|
||||
</h2>
|
||||
{% assign similar_count = 0 | plus: 0 %}
|
||||
{% assign categories_ids = course.categories | map: "id" %}
|
||||
<div class="recommended-courses-list row">
|
||||
{% for checked_course in courses.in_catalog %}
|
||||
{% if checked_course.id != course.id and checked_course.ribbon != "VIDEO" %}
|
||||
{% for category in checked_course.categories %}
|
||||
{% if categories_ids contains category.id %}
|
||||
{% include 'cards_course' with checked_course as course %}
|
||||
{% assign similar_count = similar_count | plus: 1 %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% if similar_count == 3 %} {% break %} {% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% if similar_count == 0 %}
|
||||
<style>
|
||||
.recommended-courses {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
<style>
|
||||
.recommended-courses-title {
|
||||
padding-bottom: 40px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
.recommended-courses-list {
|
||||
border-bottom: 1px solid #E1E1FF;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.recommended-courses-list > div {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +0,0 @@
|
||||
{% if courses.include_courses_to_restart? %}
|
||||
<div role="alert" class="np-alert np-alert-global np-alert-info">
|
||||
<div class="np-alert-container uk-container uk-container-center">
|
||||
{% t .content %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,33 +0,0 @@
|
||||
<div class="np-course-version-outdated-popup np-popup">
|
||||
<div class="np-popup-positioner">
|
||||
<i
|
||||
class="np-course-version-outdated-popup-trigger fas fa-exclamation-circle"
|
||||
data-toggle-class-on-target="np-popup-tooltip--visible"
|
||||
data-toggle-target-parent=".np-popup-tooltip"
|
||||
data-toggle-outside
|
||||
></i>
|
||||
<div
|
||||
class="np-popup-tooltip"
|
||||
role="tooltip"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<header class="np-popup-header">
|
||||
<i class="np-popup-header-icon fas fa-exclamation-circle"></i>
|
||||
<h3 class="np-popup-header-title">
|
||||
{% t .title %}
|
||||
</h3>
|
||||
</header>
|
||||
<div class="np-popup-body">
|
||||
<h4>{% t .body.header %}</h4>
|
||||
<p>{% t .body.content %}</p>
|
||||
<a
|
||||
class="np-popup-body-button"
|
||||
href="{{ path }}"
|
||||
>
|
||||
{% t .body.button %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="np-popup-tail"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,16 +0,0 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails">
|
||||
{% for course in courses.in_catalog %}
|
||||
<div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.catalog,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -1,16 +0,0 @@
|
||||
{% if courses.enrolled.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for course in courses.enrolled %}
|
||||
<div class="{{ class }}">
|
||||
{% include "cards_course" with course %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% capture message %}
|
||||
{% t shared.zero_state.courses.index,
|
||||
key: current_school.course_vocabulary
|
||||
%}
|
||||
{% endcapture %}
|
||||
{% include "courses_zero_state", message: message %}
|
||||
{% endif %}
|
||||
@ -1,6 +0,0 @@
|
||||
<div class="np-dashboard-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{{ message }}
|
||||
</div>
|
||||
<img class="np-zero-state-courses" alt="{{ message }}" />
|
||||
</div>
|
||||
@ -1,120 +0,0 @@
|
||||
<div class="faq width-limit">
|
||||
<h2 class="faq-title">
|
||||
FAQ
|
||||
</h2>
|
||||
<div class="faq-list">
|
||||
<div class="faq-element" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
At lectus urna duis convallis. Lacus sed viverra tellus in hac habitasse platea dictumst. Enim ut tellus elementum sagittis vitae et leo duis ut. Sed enim ut sem viverra aliquet eget. Urna cursus eget nunc scelerisque.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Odio euismod lacinia at quis. Eget mauris pharetra et ultrices. Justo nec ultrices dui sapien eget mi proin sed libero. Erat velit scelerisque in dictum non consectetur a. Varius vel pharetra vel turpis nunc. Id aliquet risus feugiat in ante metus dictum at. Tincidunt augue interdum velit euismod in pellentesque massa. Habitant morbi tristique senectus et. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est velit. Iaculis urna id volutpat lacus. Nisl nisi scelerisque eu ultrices vitae. A lacus vestibulum sed arcu. Diam sit amet nisl suscipit. Varius quam quisque id diam vel.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
Libero id faucibus nisl tincidunt eget. Porttitor eget
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
In ante metus dictum at tempor commodo ullamcorper. Aliquet nec ullamcorper sit amet risus nullam eget. Faucibus vitae aliquet nec ullamcorper
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.faq {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.faq-title {
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid #E4E6E9;
|
||||
}
|
||||
.faq-element {
|
||||
border-bottom: 1px solid #E4E6E9;
|
||||
padding: 20px 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.faq-question {
|
||||
display: flex;
|
||||
}
|
||||
.faq-question-icon {
|
||||
cursor: pointer;
|
||||
background: #F4F5F6;
|
||||
border-radius: 50%;
|
||||
margin-right: 20px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
height: fit-content;
|
||||
align-self: center;
|
||||
}
|
||||
.faq-question-icon > i {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
.faq-question-icon > i::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.faq-icon-opened {
|
||||
display: none;
|
||||
}
|
||||
.faq-answer {
|
||||
display: none;
|
||||
margin-left: 56px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.faq-element.open .faq-icon-opened {
|
||||
display: block;
|
||||
}
|
||||
.faq-element.open .faq-icon-closed {
|
||||
display: none;
|
||||
}
|
||||
.faq-element.open .faq-answer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.faq {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function toggleFAQ(element) {
|
||||
element.classList.toggle('open')
|
||||
}
|
||||
</script>
|
||||
@ -1,10 +0,0 @@
|
||||
<input
|
||||
id={{value}}
|
||||
name={{ name }}
|
||||
value={{ value }}
|
||||
type="checkbox"
|
||||
{% if selected %} checked="checked" {% endif %}
|
||||
/>
|
||||
<label for={{value}}>
|
||||
{{label}}
|
||||
</label>
|
||||
@ -1,33 +0,0 @@
|
||||
<div class="np-filter">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
class="np-button dropdown-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t shared.filters.filter %}
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu" data-test="modal">
|
||||
<form method="get">
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: filters,
|
||||
key: key,
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
type="submit"
|
||||
>
|
||||
{% t shared.filters.apply %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,22 +0,0 @@
|
||||
{% if params.q %}
|
||||
<input type="hidden" name="q" value="{{ params.q }}">
|
||||
{% endif %}
|
||||
|
||||
<label class="dropdown-label" for="filter[category_uuid][in][]">
|
||||
{{ label }}
|
||||
</label>
|
||||
|
||||
<select
|
||||
class="np-filter-select"
|
||||
multiple
|
||||
name="filter[{{ key }}][in][]"
|
||||
>
|
||||
{% for filter in filters %}
|
||||
<option
|
||||
value="{{ filter.value }}"
|
||||
{% if filter.selected? %} selected="selected" {% endif %}
|
||||
>
|
||||
{{ filter.name }}
|
||||
</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
@ -1,376 +0,0 @@
|
||||
<footer class="main-footer width-limit">
|
||||
<section class="footer-links">
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
Pipedrive
|
||||
</p>
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/about">About</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/about">Über</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/about">Acerca de</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/about">À propos</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/about">Sobre</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/pricing">Pricing</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/pricing">Preise</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/pricing">Precios </a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/pricing">Tarifs</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/pricing">Preço</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/jobs">Jobs</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/en/jobs">Karriere</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/en/jobs">Trabajos</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/en/jobs">Carrières</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/en/jobs">Carreiras</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/blog">Blog</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/blog">Blog</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/blog">Blog</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/blog">Blog</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/blog">Blog</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/newsroom">Newsroom</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/newsroom">Newsroom</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/en/newsroom">Sala de noticias </a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/newsroom">Newsroom</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/en/newsroom">Newsroom</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
<span class="lang-en">Product</span>
|
||||
<span class="lang-de">Produkt</span>
|
||||
<span class="lang-es">Producto</span>
|
||||
<span class="lang-fr">Produit</span>
|
||||
<span class="lang-br">Produto</span>
|
||||
</p>
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/products/sales">Sales software</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/products/sales">Produkte</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/products/sales">Productos</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/products/sales">Produits</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/products/sales">Produtos</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/products">Features</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/products">Funktionen</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/products">Funciones</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/products">Fonctionnalités</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/products">Recursos</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/features/privacy-security">Privacy and security</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/features/privacy-security">Datenschutz und Sicherheit</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/features/privacy-security">Privacidad y seguridad</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/features/privacy-security">Confidentialité et sécurité</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/features/privacy-security">Privacidade e segurança</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/marketplace">Marketplace</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/en/marketplace">Integrationen</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/en/marketplace">Integraciones</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/en/marketplace">Intégrations</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/en/marketplace">Integrações</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://status.pipedrive.com/">Status</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://status.pipedrive.com/">Status</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://status.pipedrive.com/">Estado</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://status.pipedrive.com/">État du système</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://status.pipedrive.com/">Status</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://developers.pipedrive.com/">API</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://developers.pipedrive.com/">API</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://developers.pipedrive.com/">API</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://developers.pipedrive.com/">API</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://developers.pipedrive.com/">API</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
<span class="lang-en">Discover</span>
|
||||
<span class="lang-de">Entdecken</span>
|
||||
<span class="lang-es">Descubre</span>
|
||||
<span class="lang-fr">Découvrez</span>
|
||||
<span class="lang-br">Descubra</span>
|
||||
</p>
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/partner">Partner Program</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/partner">Partnerprogramm</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/partner">Programa para socios</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/partner">Partenaires</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/partner">Programa de parceria</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/blog/what-is-crm">What is CRM?</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/blog/was-ist-crm">Was bedeutet CRM?</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/blog/que-es-crm">¿Qué es CRM? </a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/resources/what-is-crm">Qu'est-ce qu'un CRM ?</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/blog/o-que-e-crm">O que é um CRM?</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/crm-comparison">CRM comparison</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/crm-comparison">CRM-Vergleich</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/crm-comparison">Comparación de CRM</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/crm-comparison">Comparatif des CRM</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/crm-comparison">Comparação de CRM</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/resources">Resources</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/resources">Ressourcen</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/resources">Recursos</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/resources">Ressources</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/resources">Ferramentas</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-links-section">
|
||||
<p class="footer-links-section-title">
|
||||
<span class="lang-en">Help Center</span>
|
||||
<span class="lang-de">Support Center</span>
|
||||
<span class="lang-es">Centro de ayuda</span>
|
||||
<span class="lang-fr">Centre d'assistance</span>
|
||||
<span class="lang-br">Central de Ajuda</span>
|
||||
</p>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://support.pipedrive.com/en">Knowledge Base</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://support.pipedrive.com/de">Knowledge Base</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://support.pipedrive.com/es">Base de conocimiento</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://support.pipedrive.com/fr">Base de connaissance</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://support.pipedrive.com/pt">Base de Conhecimento</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://www.pipedrive.com/en/academy">Academy</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://www.pipedrive.com/de/academy">Academy</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://www.pipedrive.com/es/academy">Academia</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://www.pipedrive.com/fr/academy">Académie</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://www.pipedrive.com/pt/academy">Academia</a>
|
||||
|
||||
<a class="footer-links-section-item lang-en" href="https://support.pipedrive.com/en/contact-us">Support</a>
|
||||
<a class="footer-links-section-item lang-de" href="https://support.pipedrive.com/de/contact-us">Support</a>
|
||||
<a class="footer-links-section-item lang-es" href="https://support.pipedrive.com/es/contact-us">Asistencia</a>
|
||||
<a class="footer-links-section-item lang-fr" href="https://support.pipedrive.com/fr/contact-us">Assistance</a>
|
||||
<a class="footer-links-section-item lang-br" href="https://support.pipedrive.com/pt/contact-us">Suporte</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="footer-bottom">
|
||||
<div class="footer-bottom-row">
|
||||
<div class="footer-language-wrapper np-hidden-mobile">
|
||||
<div class="footer-language">
|
||||
<div class="footer-language-button">
|
||||
<i class="fal fa-globe"></i>
|
||||
<span class="lang-en">English</span>
|
||||
<span class="lang-de">Deutsch</span>
|
||||
<span class="lang-es">Español</span>
|
||||
<span class="lang-fr">Français</span>
|
||||
<span class="lang-br">Português (BR)</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-language-dropdown">
|
||||
<div data-lang="en" class="current-lang" onclick="changeLanguage(this.getAttribute('data-lang'))">English</div>
|
||||
<div data-lang="de" onclick="changeLanguage(this.getAttribute('data-lang'))">Deutsch</div>
|
||||
<div data-lang="es" onclick="changeLanguage(this.getAttribute('data-lang'))">Español</div>
|
||||
<div data-lang="fr" onclick="changeLanguage(this.getAttribute('data-lang'))">Français</div>
|
||||
<div data-lang="br" onclick="changeLanguage(this.getAttribute('data-lang'))">Português (BR)</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom-social">
|
||||
{% if website_footer.show_social_media_links? %}
|
||||
<div class="footer-bottom-social-list">
|
||||
{% for social_media_link in website_footer.social_media_links %}
|
||||
<a
|
||||
class="footer-bottom-social-item"
|
||||
href="{{ social_media_link.link }}"
|
||||
target="_blank" title="{{ social_media_link.name }}"
|
||||
>
|
||||
<i class="fab fa-{{ social_media_link.name }}"></i>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom-row body-s">
|
||||
<div class="footer-bottom-links">
|
||||
<p class="footer-bottom-link-text">
|
||||
© {{ "now" | date: "%Y" }} Pipedrive
|
||||
</p>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="https://www.pipedrive.com/en/terms-of-service">
|
||||
<span class="lang-en">Terms of service</span>
|
||||
<span class="lang-de">Allgemeine Geschäftsbedingungen</span>
|
||||
<span class="lang-es">Términos del servicio</span>
|
||||
<span class="lang-fr">Conditions d'utilisation</span>
|
||||
<span class="lang-br">Termos de serviço</span>
|
||||
</a>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="https://www.pipedrive.com/en/privacy">
|
||||
<span class="lang-en">Privacy Policy</span>
|
||||
<span class="lang-de">Datenschutzrichtlinie</span>
|
||||
<span class="lang-es">Política de privacidad</span>
|
||||
<span class="lang-fr">Politique de confidentialité</span>
|
||||
<span class="lang-br">Política de privacidade</span>
|
||||
</a>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a class="footer-bottom-link" href="https://www.pipedrive.com/en/cookie-notice">
|
||||
<span class="lang-en">Cookie Notice</span>
|
||||
<span class="lang-de">Cookie-Richtlinie</span>
|
||||
<span class="lang-es">Aviso de cookies</span>
|
||||
<span class="lang-fr">Accord de consentement aux cookies</span>
|
||||
<span class="lang-br">Aviso de cookies</span>
|
||||
</a>
|
||||
<p class="footer-button-link-separator">
|
||||
|
|
||||
</p>
|
||||
<a id="ot-sdk-btn" class="footer-bottom-link">
|
||||
<span class="pd-ot-settings lang-en">Cookie Settings</span>
|
||||
<span class="pd-ot-settings lang-de">Cookie-Richtlinie</span>
|
||||
<span class="pd-ot-settings lang-es">Configuración de cookies</span>
|
||||
<span class="pd-ot-settings lang-fr">Gérer les cookies</span>
|
||||
<span class="pd-ot-settings lang-br">Definições de cookies</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom-text">
|
||||
<span class="lang-en">Pipedrive is a Web-based Sales CRM.</span>
|
||||
<span class="lang-de">Pipedrive ist ein webbasiertes Vertriebs-CRM.</span>
|
||||
<span class="lang-es">Pipedrive es un CRM de ventas basado en la web.</span>
|
||||
<span class="lang-fr">Pipedrive est un CRM commercial basé sur le Web.</span>
|
||||
<span class="lang-br">O Pipedrive é um CRM de vendas baseado na Web.</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
<style>
|
||||
.main-footer {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.footer-links {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.footer-links-section {
|
||||
margin-bottom: 40px;
|
||||
width:100%;
|
||||
}
|
||||
.footer-links-section-title {
|
||||
font-weight: 700;
|
||||
}
|
||||
.footer-links-section-item {
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
}
|
||||
.footer-links-section-item:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 0;
|
||||
bottom: 1px;
|
||||
background: #017737;
|
||||
height: 2px;
|
||||
opacity:0;
|
||||
transition:width 0.3s ease-out, opacity 0.3s ease-out;
|
||||
}
|
||||
.footer-links-section-item:hover:after,
|
||||
.footer-links-section-item:focus:after,
|
||||
.footer-links-section-item:active:after {
|
||||
left: 0;
|
||||
right: auto;
|
||||
width: 100%;
|
||||
opacity:1;
|
||||
}
|
||||
.footer-language-wrapper {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
.footer-language-dropdown {
|
||||
position: absolute;
|
||||
display: none;
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, .08), 0px 0px 4px rgba(0,0,0,.12);
|
||||
bottom: 35px;
|
||||
left: 10%;
|
||||
background: #FFF;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.footer-language-dropdown.show {
|
||||
display: block;
|
||||
}
|
||||
.footer-language-dropdown > div {
|
||||
padding: 5px 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.footer-language-dropdown > div:hover {
|
||||
text-decoration: underline;
|
||||
background-color: #e4e6e9;
|
||||
}
|
||||
.footer-language-dropdown .current-lang {
|
||||
background-color: #edeef0;
|
||||
}
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.footer-bottom-social-list {
|
||||
gap: 20px;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.footer-bottom-links > * {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
line-height: 25px;
|
||||
}
|
||||
.footer-button-link-separator {
|
||||
padding: 0 6px;
|
||||
}
|
||||
.footer-links-section-title {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.footer-bottom-link, .footer-bottom-social-item, .footer-bottom-text, .footer-button-link-separator {
|
||||
color: #656E7A;
|
||||
}
|
||||
.footer-bottom-social-item {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.main-footer {
|
||||
padding-top: 80px;
|
||||
}
|
||||
.footer-links {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.footer-links-section {
|
||||
width:50%;
|
||||
}
|
||||
.footer-bottom-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.footer-bottom-row:first-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.footer-bottom-links, .footer-bottom-social-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.footer-links-section {
|
||||
width: calc(25% - 40px);
|
||||
margin-right: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.querySelector(".footer-language-wrapper").addEventListener('click', () => {
|
||||
document.querySelector('.footer-language-dropdown').classList.toggle('show');
|
||||
});
|
||||
</script>
|
||||
@ -1,20 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-image">
|
||||
<div class="green-banner width-limit">
|
||||
<img class="green-banner-image" alt="banner image" src="{{ banner_image_url }}">
|
||||
<div class="green-banner-content">
|
||||
<h1 class="green-banner-title">
|
||||
{{ banner_title }}
|
||||
</h1>
|
||||
<div class="green-banner-text">
|
||||
{{ banner_text }}
|
||||
</div>
|
||||
{% unless current_person.signed_in? %}
|
||||
<div class="button-wrapper">
|
||||
<a class="green-banner-button button-large button-1" href="{{ banner_button_link }}">
|
||||
{{ banner_button_text }}
|
||||
</a>
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,20 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-image green-banner-wrapper-image-alt">
|
||||
<div class="green-banner width-limit">
|
||||
<img class="green-banner-image" alt="banner image" src="{{ banner_image_url }}">
|
||||
<div class="green-banner-content">
|
||||
<h3 class="green-banner-title">
|
||||
{{ banner_title }}
|
||||
</h3>
|
||||
<div class="green-banner-text">
|
||||
{{ banner_text }}
|
||||
</div>
|
||||
{% unless current_person.signed_in? %}
|
||||
<div class="button-wrapper">
|
||||
<a class="green-banner-button button-large button-1" href="{{ banner_button_link }}">
|
||||
{{ banner_button_text }}
|
||||
</a>
|
||||
</div>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,15 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-text">
|
||||
<div class="green-banner width-limit">
|
||||
<h1 class="green-banner-title">
|
||||
{{ banner_title }}
|
||||
</h1>
|
||||
<div class="green-banner-text">
|
||||
{{ banner_text }}
|
||||
</div>
|
||||
<div class="button-wrapper">
|
||||
<a class="green-banner-button button-large button-1" href="{{ banner_button_link }}">
|
||||
{{ banner_button_text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,16 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-text-bg-image">
|
||||
<img class="green-banner-bg-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/banner_background_image.png">
|
||||
<div class="green-banner width-limit">
|
||||
<h3 class="green-banner-title">
|
||||
{{ banner_title }}
|
||||
</h3>
|
||||
<div class="green-banner-text">
|
||||
{{ banner_text }}
|
||||
</div>
|
||||
<div class="button-wrapper">
|
||||
<a class="green-banner-button button-large button-1" href="{{ banner_button_link }}">
|
||||
{{ banner_button_text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,237 +0,0 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
|
||||
<script type="text/javascript" async src="https://play.vidyard.com/embed/v4.js"></script>
|
||||
|
||||
<!-- fontawesome inclusion -->
|
||||
<script src="https://kit.fontawesome.com/41a3aee3ad.js" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- clamping text to given number of lines -->
|
||||
<script src="https://s3.amazonaws.com/static.northpass.com/JS+scripts/clamp.js" type="module"></script>
|
||||
|
||||
<!-- JavaScript Bundle with Popper -->
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
|
||||
{% include "cookie_banner" %}
|
||||
|
||||
<!-- language scripts -->
|
||||
<script>
|
||||
// changing language
|
||||
function changeLanguage(newLanguage, sendRequest=true) {
|
||||
document.querySelector(".languages-dropdown").classList.remove('show');
|
||||
if (!window.current_language || window.current_language !== newLanguage) {
|
||||
window.current_language = newLanguage
|
||||
} else {
|
||||
//console.log('language already selected')
|
||||
return null
|
||||
}
|
||||
|
||||
document.querySelectorAll('.current-lang').forEach(activeElement => {
|
||||
activeElement.classList.remove('current-lang');
|
||||
});
|
||||
document.querySelectorAll(`[data-lang="${newLanguage}"]`).forEach(newLanguageElement => {
|
||||
newLanguageElement.classList.add('current-lang');
|
||||
});
|
||||
{% if current_person.signed_in? and current_school.properties.sandbox == false %}
|
||||
if (sendRequest) {
|
||||
let xhr = new XMLHttpRequest();
|
||||
{% if current_school.sso_active? %}
|
||||
var url = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pipedrive-sso-change-user-language";
|
||||
{% else %}
|
||||
var url = "https://webhooks.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pipedrive-open-change-user-language";;
|
||||
{% endif %}
|
||||
xhr.open("POST", url, true);
|
||||
xhr.send(JSON.stringify({
|
||||
user_id: '{{ current_person.id }}',
|
||||
language: newLanguage
|
||||
}));
|
||||
}
|
||||
{% endif %}
|
||||
|
||||
window.localStorage.setItem('academy-language', newLanguage);
|
||||
document.querySelector('body').className = `lang-${newLanguage}`;
|
||||
}
|
||||
|
||||
// setup body class based on property or cookies
|
||||
function setupInitialLanguage() {
|
||||
let userStorageLanguage = window.localStorage.getItem('academy-language');
|
||||
|
||||
var selectedLanguage = userStorageLanguage || "en";
|
||||
|
||||
if (['en', 'de', 'es', 'fr', 'br'].includes(selectedLanguage)) {
|
||||
changeLanguage(selectedLanguage, false);
|
||||
} else {
|
||||
if (
|
||||
window.location.pathname.includes('/de-homepage') ||
|
||||
window.location.pathname.includes('/de-video-tutorials') ||
|
||||
window.location.pathname.includes('/de-catalog')
|
||||
) {
|
||||
selectedLanguage = 'de';
|
||||
} else if (
|
||||
window.location.pathname.includes('/es-homepage') ||
|
||||
window.location.pathname.includes('/es-video-tutorials') ||
|
||||
window.location.pathname.includes('/es-catalog')
|
||||
) {
|
||||
selectedLanguage = 'es';
|
||||
} else if (
|
||||
window.location.pathname.includes('/fr-homepage') ||
|
||||
window.location.pathname.includes('/fr-video-tutorials') ||
|
||||
window.location.pathname.includes('/fr-catalog')
|
||||
) {
|
||||
selectedLanguage = 'fr';
|
||||
} else if (
|
||||
window.location.pathname.includes('/br-homepage') ||
|
||||
window.location.pathname.includes('/br-video-tutorials') ||
|
||||
window.location.pathname.includes('/br-catalog')
|
||||
) {
|
||||
selectedLanguage = 'br';
|
||||
} else {
|
||||
selectedLanguage = 'en';
|
||||
}
|
||||
|
||||
changeLanguage(selectedLanguage, false);
|
||||
}
|
||||
}
|
||||
|
||||
addEventListener('DOMContentLoaded', () => {
|
||||
setupInitialLanguage();
|
||||
});
|
||||
|
||||
function redirectToLanguageHomepage(language) {
|
||||
const languageMappings = {
|
||||
de: {
|
||||
homepage: '/app/de-homepage',
|
||||
catalog: '/app/de-catalog',
|
||||
videoTutorials: '/app/de-video-tutorials'
|
||||
},
|
||||
es: {
|
||||
homepage: '/app/es-homepage',
|
||||
catalog: '/app/es-catalog',
|
||||
videoTutorials: '/app/es-video-tutorials'
|
||||
},
|
||||
fr: {
|
||||
homepage: '/app/fr-homepage',
|
||||
catalog: '/app/fr-catalog',
|
||||
videoTutorials: '/app/fr-video-tutorials'
|
||||
},
|
||||
br: {
|
||||
homepage: '/app/br-homepage',
|
||||
catalog: '/app/br-catalog',
|
||||
videoTutorials: '/app/br-video-tutorials'
|
||||
},
|
||||
en: {
|
||||
homepage: '/app',
|
||||
catalog: '/app/catalog',
|
||||
videoTutorials: '/app/video-tutorials'
|
||||
}
|
||||
};
|
||||
|
||||
const currentUrl = window.location.pathname;
|
||||
const currentLang = window.current_language || 'en';
|
||||
|
||||
let category = 'homepage';
|
||||
if (currentUrl.includes('catalog')) {
|
||||
category = 'catalog';
|
||||
} else if (currentUrl.includes('video-tutorials')) {
|
||||
category = 'videoTutorials';
|
||||
}
|
||||
|
||||
const newUrl = languageMappings[currentLang][category] || '/app';
|
||||
|
||||
window.location.href = newUrl;
|
||||
}
|
||||
|
||||
|
||||
const academyLanguage = window.localStorage.getItem('academy-language');
|
||||
console.log(academyLanguage);
|
||||
</script>
|
||||
|
||||
<!--Function to display proper courses based on language value-->
|
||||
<script>
|
||||
function filterCoursesByLanguage() {
|
||||
var selectedLanguage = localStorage.getItem('academy-language');
|
||||
var courses = document.querySelectorAll('.homepage-card-wrapper, .course-card');
|
||||
|
||||
if (!courses.length) {
|
||||
return; // Nie ma żadnych kursów na stronie
|
||||
}
|
||||
|
||||
for (var i = 0; i < courses.length; i++) {
|
||||
var course = courses[i];
|
||||
var courseLanguage = course.getAttribute('language');
|
||||
|
||||
if (selectedLanguage && courseLanguage !== selectedLanguage) {
|
||||
course.style.display = 'none'; // Ukryj kursy o nieodpowiednim języku
|
||||
} else {
|
||||
course.style.display = 'block'; // Pokaż kursy o wybranym języku
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Wywołanie funkcji po załadowaniu strony
|
||||
window.addEventListener('DOMContentLoaded', filterCoursesByLanguage);
|
||||
|
||||
// Wywołanie funkcji po zmianie wartości w local storage
|
||||
window.addEventListener('storage', filterCoursesByLanguage);
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<!-- on SSO school redirect new users to setup their name -->
|
||||
{% if current_person.signed_in? and current_school.sso_active? %}
|
||||
{% unless current_person.first_name %}
|
||||
<script>
|
||||
if ("{{ current_person.email }}".includes('+preview-') === false &&
|
||||
window.location.pathname !== "/app/profile-settings" &&
|
||||
!window.sessionStorage.getItem('nameSetup'))
|
||||
{
|
||||
window.location.replace('/app/profile-settings')
|
||||
}
|
||||
|
||||
</script>
|
||||
{% endunless %}
|
||||
{% endif %}
|
||||
|
||||
<!-- clear last video filter when leaving video tutorials pages -->
|
||||
<script>
|
||||
if (window.location.pathname !== '/app/video-tutorials' &&
|
||||
!window.location.pathname.includes('/app/courses/'))
|
||||
{
|
||||
window.sessionStorage.removeItem('last-selected-video-filter')
|
||||
}
|
||||
</script>
|
||||
|
||||
{% include 'seo_logo' %}
|
||||
|
||||
{% if current_person.signed_in? == false %}
|
||||
{% include 'sso_login_widget' %}
|
||||
{% endif %}
|
||||
|
||||
{% if current_school.sso_active? %}
|
||||
{% if current_person.signed_in? %}
|
||||
<script>
|
||||
if (window.location.pathname === '/app' && window.sessionStorage.sso_last_page) {
|
||||
let new_url = window.sessionStorage.sso_last_page;
|
||||
window.sessionStorage.sso_last_page = ''
|
||||
window.location.replace(new_url);
|
||||
}
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
window.sessionStorage.sso_last_page = window.location.pathname;
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<script>
|
||||
document.addEventListener('click', (event) => {
|
||||
if (event.target.classList.contains('pd-ot-settings')) {
|
||||
if(OneTrust && OneTrust.ToggleInfoDisplay){
|
||||
OneTrust.ToggleInfoDisplay()
|
||||
};
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@ -1,575 +0,0 @@
|
||||
{% if current_school.id == '3eed8278-7beb-4918-bca6-73db73e2ec3a' %}
|
||||
<script>
|
||||
const splitDefaultPageTitle = document.title.split(" | ")
|
||||
|
||||
if (window.location.pathname == "/app/catalog") {
|
||||
document.title = `Academy Courses | ${splitDefaultPageTitle[1]}`
|
||||
} else if (window.location.pathname == "/app/video-tutorials") {
|
||||
document.title = `CRM Video Tutorials | ${splitDefaultPageTitle[1]}`
|
||||
} else if (window.location.pathname == "/app/webinars") {
|
||||
document.title = `CRM Webinars | ${splitDefaultPageTitle[1]}`
|
||||
}
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
const defaultPageTitle = document.title
|
||||
|
||||
if (window.location.pathname == "/app/catalog") {
|
||||
document.title = `Academy Courses | ${defaultPageTitle}`
|
||||
} else if (window.location.pathname == "/app/video-tutorials") {
|
||||
document.title = `CRM Video Tutorials | ${defaultPageTitle}`
|
||||
} else if (window.location.pathname == "/app/webinars") {
|
||||
document.title = `CRM Webinars | ${defaultPageTitle}`
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
<header class="main-header width-limit">
|
||||
<section class="header-left header-flex">
|
||||
<img
|
||||
class="header-mobile-menu-button header-mobile"
|
||||
src="https://s3.amazonaws.com/static.northpass.com/pipedrive/hamburger.png"
|
||||
alt="menu"
|
||||
onclick="toggleSideMenu()"
|
||||
>
|
||||
<a class="header-logo" href="/app">
|
||||
<img class="header-logo-image"
|
||||
alt="{{ current_school.name }}"
|
||||
src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/Logo.png"
|
||||
>
|
||||
</a>
|
||||
<div class="header-desktop-navigation header-desktop header-flex body-s">
|
||||
<a class="header-navigation-item lang-en" href="/app/catalog">Courses</a>
|
||||
<a class="header-navigation-item lang-en" href="/app/video-tutorials">Video Tutorials</a>
|
||||
<a class="header-navigation-item lang-en" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinars</a>
|
||||
|
||||
<a class="header-navigation-item lang-es catalog-link" href="/app/es-catalog">Cursos</a>
|
||||
<a class="header-navigation-item lang-es video-tutorials-link" href="/app/es-video-tutorials">Tutoriales en vídeo</a>
|
||||
<a class="header-navigation-item lang-es" href="https://www.pipedrive.com/en/webinars" target="_blank">Seminarios en línea</a>
|
||||
|
||||
<a class="header-navigation-item lang-de catalog-link" href="/app/de-catalog">Kurse</a>
|
||||
<a class="header-navigation-item lang-de video-tutorials-link" href="/app/de-video-tutorials">Video-Tutorials</a>
|
||||
<a class="header-navigation-item lang-de" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinare</a>
|
||||
|
||||
<a class="header-navigation-item lang-fr catalog-link" href="/app/fr-catalog">Cours</a>
|
||||
<a class="header-navigation-item lang-fr video-tutorials-link" href="/app/fr-video-tutorials">Tutoriels vidéo</a>
|
||||
<a class="header-navigation-item lang-fr" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinaires</a>
|
||||
|
||||
<a class="header-navigation-item lang-br catalog-link" href="/app/br-catalog">Cursos</a>
|
||||
<a class="header-navigation-item lang-br video-tutorials-link" href="/app/br-video-tutorials">Tutoriais em vídeo</a>
|
||||
<a class="header-navigation-item lang-br" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinars</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="header-right header-flex">
|
||||
<div class="header-desktop header-flex">
|
||||
<a class="header-navigation-item body-s" href="https://www.pipedrive.com">
|
||||
<span class="lang-en">go to</span>
|
||||
<span class="lang-de">Gehen Sie zu</span>
|
||||
<span class="lang-es">ir a</span>
|
||||
<span class="lang-fr">aller à</span>
|
||||
<span class="lang-br">ir para</span> pipedrive.com
|
||||
</a>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search" id="headerSearch">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search" class="header-search-form">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="Search Pipedrive"
|
||||
id="headerSearchInput"
|
||||
/>
|
||||
<i class="np-header-search-icon fal fa-search" id="headerSearchIcon"></i>
|
||||
|
||||
<button type="button" class="header-clear-btn" aria-label="Clear input" id="headerClearBtn">
|
||||
<img class="header-close-icon" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/close.svg" alt="">
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="language-dropdown-wrapper" style="margin-left:20px;">
|
||||
<div class="header-language-selection">
|
||||
<i class="fal fa-globe"></i>
|
||||
<i class="fal fa-angle-down"></i>
|
||||
</div>
|
||||
<ul class="languages-dropdown">
|
||||
<li data-lang="en" class="current-lang" onclick="changeLanguage(this.getAttribute('data-lang')), redirectToLanguageHomepage(this.value)">English</li>
|
||||
<li data-lang="de" onclick="changeLanguage(this.getAttribute('data-lang')), redirectToLanguageHomepage(this.value)">Deutsch</li>
|
||||
<li data-lang="es" onclick="changeLanguage(this.getAttribute('data-lang')), redirectToLanguageHomepage(this.value)">Español</li>
|
||||
<li data-lang="fr" onclick="changeLanguage(this.getAttribute('data-lang')), redirectToLanguageHomepage(this.value)">Français</li>
|
||||
<li data-lang="br" onclick="changeLanguage(this.getAttribute('data-lang')), redirectToLanguageHomepage(this.value)">Português (BR)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.avatar_url contains "https://secure.gravatar.com/avatar" %}
|
||||
<img class="header-profile-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png" alt="profile image">
|
||||
{% else %}
|
||||
<img class="header-profile-image" src="{{ current_person.avatar_url }}" alt="profile image">
|
||||
{% endif %}
|
||||
<div class="header-profile-menu">
|
||||
<div class="header-profile-menu-name body-s strong">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<i class="far fa-chevron-down profile-arrow-down"></i>
|
||||
<i class="far fa-chevron-up profile-arrow-up"></i>
|
||||
<div class="profile-dropdown">
|
||||
<div class="profile-dropdown-name body-s strong">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="profile-dropdown-email body-s">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
<a class="profile-dropdown-link body-s"
|
||||
{% if current_school.sso_active? %}
|
||||
href="/app/profile-settings"
|
||||
{% else %}
|
||||
href="/app/account"
|
||||
{% endif %}
|
||||
style="margin-top: 15px;">
|
||||
<span class="lang-en">Settings</span>
|
||||
<span class="lang-de">Einstellungen</span>
|
||||
<span class="lang-es">Ajustes</span>
|
||||
<span class="lang-fr">Paramètres</span>
|
||||
<span class="lang-br">Configurações</span>
|
||||
</a>
|
||||
<a class="profile-dropdown-link body-s" href="/learners/sign_out">
|
||||
<span class="lang-en">Log out</span>
|
||||
<span class="lang-de">Abmelden</span>
|
||||
<span class="lang-es">Cerrar sesión</span>
|
||||
<span class="lang-fr">Déconnexion</span>
|
||||
<span class="lang-br">Sair</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a class="header-navigation-item body-s" href="#sso-widget">
|
||||
<span class="lang-en">Log in</span>
|
||||
<span class="lang-de">Einloggen</span>
|
||||
<span class="lang-es">Conectarse</span>
|
||||
<span class="lang-fr">Connexion</span>
|
||||
<span class="lang-br">Entrar</span>
|
||||
</a>
|
||||
<a href="/learners/sign_in" class="header-navigation-sign-in">
|
||||
<span class="lang-en">Try for free</span>
|
||||
<span class="lang-de">Kostenlos testen</span>
|
||||
<span class="lang-es">Prueba gratis</span>
|
||||
<span class="lang-fr">Essai gratuit</span>
|
||||
<span class="lang-br">Teste grátis</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="header-mobile header-flex">
|
||||
{% unless current_person.signed_in? %}
|
||||
<a class="header-register-button button-1 button-small" href="#sso-widget">
|
||||
<span class="lang-en">Register</span>
|
||||
<span class="lang-de">Anmelden</span>
|
||||
<span class="lang-es">Regístrese en</span>
|
||||
<span class="lang-fr">Inscription</span>
|
||||
<span class="lang-br">Cadastrar-se</span>
|
||||
</a>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</section>
|
||||
</header>
|
||||
|
||||
{% include "header_mobile_menu" %}
|
||||
{% include "messages" %}
|
||||
{% include 'new_academy_popup' %}
|
||||
<style>
|
||||
.header-clear-btn {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: none;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
height: 100%;
|
||||
}
|
||||
.np-header-search:not(.is-open) .np-header-search-input {
|
||||
width: 44px;
|
||||
color: transparent;
|
||||
text-indent: 9999px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.np-header-search-input::placeholder {
|
||||
color: #656E7A;
|
||||
}
|
||||
|
||||
.np-header-search:not(.is-open) .np-header-search-input {
|
||||
width: 44px;
|
||||
color: transparent;
|
||||
padding: 0;
|
||||
text-indent: 9999px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.np-header-search:not(.is-open) .header-clear-btn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.is-open .np-header-search-icon {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.np-header-search.is-open.with-value .np-header-search-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header-right {
|
||||
flex: 1;
|
||||
}
|
||||
.header-right .header-desktop {
|
||||
width:100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.header-mobile.header-flex {
|
||||
width:100%;
|
||||
justify-content:flex-end;
|
||||
}
|
||||
.header-right .header-register-button {
|
||||
width:auto;
|
||||
}
|
||||
.main-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 72px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: #FFF;
|
||||
position: relative;
|
||||
}
|
||||
.header-mobile-menu-button {
|
||||
height: 100%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.header-logo {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
.header-logo-image {
|
||||
height: 32px;
|
||||
align-self: center;
|
||||
}
|
||||
.header-navigation-item {
|
||||
padding: 5px 0;
|
||||
margin: auto 20px;
|
||||
position:relative;
|
||||
}
|
||||
.header-navigation-item:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 0;
|
||||
bottom: 4px;
|
||||
background: #017737;
|
||||
height: 2px;
|
||||
opacity:0;
|
||||
transition:width 0.3s ease-out, opacity 0.3s ease-out;
|
||||
}
|
||||
.header-navigation-item:hover:after,
|
||||
.header-navigation-item:focus:after,
|
||||
.header-navigation-item:active:after,
|
||||
.header-navigation-item-active:after {
|
||||
left: 0;
|
||||
right: auto;
|
||||
width: 100%;
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
/* SEARCH */
|
||||
.np-header-search-input {
|
||||
border-radius: 50%;
|
||||
background-color: #F4F5F6;
|
||||
opacity: 1;
|
||||
border: 2px solid #F4F5F6;
|
||||
color:#192435;
|
||||
transition:width 0.2s ease-out;
|
||||
}
|
||||
.np-header-search-icon {
|
||||
color:#192435;
|
||||
}
|
||||
.np-header-search-input:focus {
|
||||
border-radius: 30px;
|
||||
border: 2px solid #0e5235;
|
||||
padding: 0 40px 0 20px;
|
||||
}
|
||||
/* END SEARCH */
|
||||
|
||||
/* LANGUAGE DROPDOWN */
|
||||
.language-dropdown-wrapper {
|
||||
position:relative;
|
||||
}
|
||||
.header-language-selection {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
padding:20px;
|
||||
font-size:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.header-language-selection .fa-angle-down {
|
||||
font-size: 25px;
|
||||
position: relative;
|
||||
bottom: 3px;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.header-language-selection:hover .fa-angle-down,
|
||||
.language-dropdown-wrapper:hover .fa-angle-down {
|
||||
transform:rotate(180deg)
|
||||
}
|
||||
.languages-dropdown {
|
||||
position:absolute;
|
||||
top: 66px;
|
||||
left:50%;
|
||||
transform: translateX(-50%);
|
||||
background-color:#fff;
|
||||
margin:0;
|
||||
border-radius:4px;
|
||||
height:0;
|
||||
opacity:0;
|
||||
min-width:200px;
|
||||
list-style:none;
|
||||
transition: opacity 0.2s;
|
||||
box-shadow: 0px 3px 5px rgba(0,0,0,.08),0px 0px 4px rgba(0,0,0,.12);
|
||||
z-index: 1;
|
||||
}
|
||||
.languages-dropdown:after {
|
||||
content: "";
|
||||
position:absolute;
|
||||
top:-10px;
|
||||
left:50%;
|
||||
transform: translate(-50%);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-bottom: 10px solid #fff;
|
||||
}
|
||||
.languages-dropdown:not(.show) {
|
||||
visibility: hidden;
|
||||
}
|
||||
.languages-dropdown.show {
|
||||
height:auto;
|
||||
opacity:1;
|
||||
padding:20px 0;
|
||||
}
|
||||
.languages-dropdown li {
|
||||
cursor: pointer;
|
||||
width:100%;
|
||||
padding:4px 12px;
|
||||
font-size:16px;
|
||||
}
|
||||
.languages-dropdown li:hover {
|
||||
text-decoration:underline;
|
||||
background-color:#e4e6e9;
|
||||
}
|
||||
.languages-dropdown li.current-lang {
|
||||
background-color:#edeef0;
|
||||
}
|
||||
/* END LANGUAGE DROPDOWN */
|
||||
|
||||
.header-profile-image {
|
||||
width: 60px;
|
||||
aspect-ratio: 1/1;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.header-profile-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.profile-arrow-up {
|
||||
display: none;
|
||||
}
|
||||
.header-profile-menu-open .profile-arrow-up {
|
||||
display: block;
|
||||
}
|
||||
.header-profile-menu-open .profile-arrow-down {
|
||||
display: none;
|
||||
}
|
||||
.profile-dropdown {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
transform: translate(-50%, 100%);
|
||||
flex-direction: column;
|
||||
background: #FFF;
|
||||
padding: 25px 20px;
|
||||
border-radius: 4px;
|
||||
filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.12));
|
||||
width: fit-content;
|
||||
z-index: 1;
|
||||
}
|
||||
.header-profile-menu-open .profile-dropdown {
|
||||
display: flex;
|
||||
}
|
||||
.profile-dropdown-name {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.profile-dropdown-email {
|
||||
color: #656E7A;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #E4E6E9;
|
||||
}
|
||||
.profile-dropdown-link {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.header-navigation-sign-in {
|
||||
background: #6861F2;
|
||||
border-radius: 4px;
|
||||
padding: 7.5px 10px;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #fff;
|
||||
line-height: 17px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1151px) {
|
||||
.header-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
.main-header {
|
||||
height: 84px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1150px) {
|
||||
.header-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
// profile settings dropdown
|
||||
{% if current_person.signed_in? %}
|
||||
document.querySelector('body').addEventListener('click', listenerDropdown);
|
||||
|
||||
function toggleDropdown() {
|
||||
let element = document.querySelector('.header-profile-menu');
|
||||
element.classList.toggle('header-profile-menu-open');
|
||||
}
|
||||
|
||||
function listenerDropdown(event) {
|
||||
let isDropdownOpen = !!document.querySelector('.header-profile-menu-open');
|
||||
if (isDropdownOpen) {
|
||||
let dropdownElement = document.querySelector('.profile-dropdown');
|
||||
if (!dropdownElement.contains(event.target)) {
|
||||
toggleDropdown();
|
||||
}
|
||||
} else {
|
||||
let dropdownButton = document.querySelector('.header-profile-menu');
|
||||
if (dropdownButton.contains(event.target)) {
|
||||
toggleDropdown();
|
||||
}
|
||||
}
|
||||
}
|
||||
{% endif %}
|
||||
|
||||
// setup active subpage indicator on navigations
|
||||
addEventListener("DOMContentLoaded", () => {
|
||||
if (window.location.pathname === '/app/catalog') {
|
||||
document.querySelector('#side-menu-courses')?.classList.add('side-menu-link-active');
|
||||
document.querySelector('.header-navigation-item[href="/app/catalog"]')?.classList.add('header-navigation-item-active');
|
||||
} else if (window.location.pathname === '/app/video-tutorials') {
|
||||
document.querySelector('#side-menu-tutorials')?.classList.add('side-menu-link-active');
|
||||
document.querySelector('.header-navigation-item[href="/app/video-tutorials"]')?.classList.add('header-navigation-item-active');
|
||||
}
|
||||
|
||||
changeHeaderImageLink();
|
||||
|
||||
});
|
||||
|
||||
// Languages dropdown hover effect
|
||||
document.querySelector(".header-language-selection").addEventListener('mouseover', () => {
|
||||
document.querySelector(".languages-dropdown").classList.add('show');
|
||||
})
|
||||
document.querySelector(".language-dropdown-wrapper").addEventListener('mouseleave', () => {
|
||||
document.querySelector(".languages-dropdown").classList.remove('show');
|
||||
})
|
||||
|
||||
function changeHeaderImageLink() {
|
||||
let userStorageLanguage = window.localStorage.getItem('academy-language');
|
||||
|
||||
if (userStorageLanguage != 'en') {
|
||||
document.querySelector(".header-logo").href = `/app/${userStorageLanguage}-homepage`
|
||||
} else {
|
||||
document.querySelector(".header-logo").href = `/app`
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<script>
|
||||
addEventListener("DOMContentLoaded", () => {
|
||||
const searchContainer = document.getElementById('headerSearch');
|
||||
const input = document.getElementById('headerSearchInput');
|
||||
const clearBtn = document.getElementById('headerClearBtn');
|
||||
const icon = document.getElementById('headerSearchIcon');
|
||||
|
||||
function openSearch() {
|
||||
searchContainer.classList.add('is-open');
|
||||
input.focus();
|
||||
updateState();
|
||||
}
|
||||
|
||||
|
||||
function closeSearch() {
|
||||
searchContainer.classList.remove('is-open');
|
||||
updateState();
|
||||
}
|
||||
|
||||
|
||||
function updateState() {
|
||||
const hasValue = input.value.trim().length > 0;
|
||||
clearBtn.style.display = hasValue ? 'block' : 'none';
|
||||
|
||||
if (hasValue) {
|
||||
searchContainer.classList.add('with-value');
|
||||
} else {
|
||||
searchContainer.classList.remove('with-value');
|
||||
}
|
||||
}
|
||||
|
||||
input.addEventListener('click', () => {
|
||||
if (!searchContainer.classList.contains('is-open')) {
|
||||
openSearch();
|
||||
}
|
||||
});
|
||||
|
||||
input.addEventListener('input', updateState);
|
||||
|
||||
|
||||
clearBtn.addEventListener('click', () => {
|
||||
input.value = '';
|
||||
input.focus();
|
||||
updateState();
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!searchContainer.contains(e.target)) {
|
||||
closeSearch();
|
||||
}
|
||||
});
|
||||
|
||||
updateState();
|
||||
});
|
||||
|
||||
</script>
|
||||
@ -1,17 +0,0 @@
|
||||
<header class="np-box-header np-header-color">
|
||||
<a class="np-box-header-link" href="{% route home %}">
|
||||
{% if current_school.logo_url %}
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
src="{{ current_school.logo_url }}"
|
||||
class="np-box-header-logo"
|
||||
/>
|
||||
{% else %}
|
||||
<span class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</span>
|
||||
{% endif %}
|
||||
</a>
|
||||
</header>
|
||||
|
||||
{% include "messages" %}
|
||||
@ -1,184 +0,0 @@
|
||||
<div class="side-menu" id="side-menu">
|
||||
<div class="side-menu-header">
|
||||
<div class="side-menu-header-left">
|
||||
<div class="side-menu-close" onclick="toggleSideMenu()">
|
||||
<i class="fal fa-times"></i>
|
||||
</div>
|
||||
<div class="side-menu-logo">
|
||||
<img class="side-menu-logo-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/emblem.png" alt="logo">
|
||||
</div>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_school.sso_active? %}
|
||||
<div class="side-menu-login fs-mask">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% else %}
|
||||
<a class="side-menu-login fs-mask" href="/app/account">
|
||||
{{ current_person.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a class="side-menu-login" data-fs-element="academy-nav | login" href="/learners/sign_in">
|
||||
<span class="lang-en">Log in</span>
|
||||
<span class="lang-de">Einloggen</span>
|
||||
<span class="lang-es">Conectarse</span>
|
||||
<span class="lang-fr">Connexion</span>
|
||||
<span class="lang-br">Entrar</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="side-menu-body">
|
||||
<div class="side-menu-language">
|
||||
<i class="fal fa-globe"></i>
|
||||
<span class="lang-en">English</span>
|
||||
<span class="lang-de">Deutsch</span>
|
||||
<span class="lang-es">Español</span>
|
||||
<span class="lang-fr">Français</span>
|
||||
<span class="lang-br">Português (BR)</span>
|
||||
|
||||
<div class="side-menu-language-dropdown">
|
||||
<div data-lang="en" class="current-lang" onclick="changeLanguage(this.getAttribute('data-lang'))">English</div>
|
||||
<div data-lang="de" onclick="changeLanguage(this.getAttribute('data-lang'))">Deutsch</div>
|
||||
<div data-lang="es" onclick="changeLanguage(this.getAttribute('data-lang'))">Español</div>
|
||||
<div data-lang="fr" onclick="changeLanguage(this.getAttribute('data-lang'))">Français</div>
|
||||
<div data-lang="br" onclick="changeLanguage(this.getAttribute('data-lang'))">Português (BR)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="side-menu-link" data-fs-element="academy-nav | link" data-link-location="side-menu" data-link="app/catalog" data-fs-properties-schema='{"data-link-location":"str", "data-link":"str"}'>
|
||||
<a href="/app/catalog" id="side-menu-courses">
|
||||
<span class="lang-en">Academy Courses</span>
|
||||
<span class="lang-de">Academy-Kurse</span>
|
||||
<span class="lang-es">Cursos de la Academia</span>
|
||||
<span class="lang-fr">Cours de l'Académie</span>
|
||||
<span class="lang-br">Cursos da Academia</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="side-menu-link" data-fs-element="academy-nav | link" data-link-location="side-menu" data-link="app/video-tutorials" data-fs-properties-schema='{"data-link-location":"str", "data-link":"str"}'>
|
||||
<a href="/app/video-tutorials" id="side-menu-tutorials">
|
||||
<span class="lang-en">Video Tutorials</span>
|
||||
<span class="lang-de">Video-Tutorials</span>
|
||||
<span class="lang-es">Tutoriales en vídeo</span>
|
||||
<span class="lang-fr">Tutoriels vidéo</span>
|
||||
<span class="lang-br">Tutoriais</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="side-menu-link" data-fs-element="academy-nav | link" data-link-location="side-menu" data-link="www/webinars" data-fs-properties-schema='{"data-link-location":"str", "data-link":"str"}'>
|
||||
<a href="https://www.pipedrive.com/en/webinars" target="_blank" id="side-menu-webinars">
|
||||
<span class="lang-en">Webinars</span>
|
||||
<span class="lang-de">Webinare</span>
|
||||
<span class="lang-es">Seminarios en línea</span>
|
||||
<span class="lang-fr">Webinaires</span>
|
||||
<span class="lang-br">Webinars</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.side-menu {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background: #fff;
|
||||
z-index: 100;
|
||||
left: -100vw;
|
||||
transition: left 0.1s;
|
||||
visibility: hidden;
|
||||
padding: 20px;
|
||||
}
|
||||
.side-menu-open {
|
||||
visibility: visible;
|
||||
left: 0;
|
||||
transition: left 0.1s;
|
||||
}
|
||||
.side-menu-header {
|
||||
display: flex;
|
||||
padding-bottom: 20px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.side-menu-header-left {
|
||||
display: flex;
|
||||
}
|
||||
.side-menu-close {
|
||||
font-size:28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.side-menu-logo {
|
||||
margin-left: 20px;
|
||||
display: flex;
|
||||
}
|
||||
.side-menu-logo-image {
|
||||
margin-top: auto;
|
||||
}
|
||||
.side-menu-language {
|
||||
padding: 4px 22px;
|
||||
border: 2px solid #E4E6E9;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
.side-menu-language-dropdown {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
width: calc(100% + 40px);
|
||||
top: 46px;
|
||||
left: -20px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
box-shadow: 0px 3px 5px rgba(0, 0, 0, .08), 0px 0px 4px rgba(0,0,0,.12);
|
||||
}
|
||||
.side-menu-language > span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.side-menu-language-dropdown.show {
|
||||
padding: 10px 0;
|
||||
height: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
.side-menu-language-dropdown div[data-lang] {
|
||||
padding: 4px 20px;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
.side-menu-language-dropdown div[data-lang].current-lang {
|
||||
background-color: #f4f5f6;
|
||||
}
|
||||
.side-menu-link {
|
||||
margin-bottom: 20px;
|
||||
background: #F7F7FE;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.side-menu-link > a {
|
||||
padding: 20px;
|
||||
display: block;
|
||||
}
|
||||
.side-menu-link > a:hover span,
|
||||
.side-menu-link > a:focus span {
|
||||
border-bottom: 2px solid #08A742;
|
||||
}
|
||||
.side-menu-link-active span {
|
||||
border-bottom: 2px solid #08A742;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function toggleSideMenu() {
|
||||
let sideMenu = document.querySelector('#side-menu');
|
||||
if (sideMenu.classList.contains('side-menu-open')) {
|
||||
window.onscroll = function() {};
|
||||
} else {
|
||||
window.onscroll = function () { window.scrollTo(0, 0); };
|
||||
}
|
||||
sideMenu.classList.toggle('side-menu-open');
|
||||
}
|
||||
|
||||
document.querySelector(".side-menu-language").addEventListener('click', () => {
|
||||
document.querySelector('.side-menu-language-dropdown').classList.toggle('show');
|
||||
});
|
||||
</script>
|
||||
@ -1,271 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-image">
|
||||
<div class="green-banner width-limit">
|
||||
<img class="green-banner-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/1.webp" alt="banner">
|
||||
<div class="green-banner-content">
|
||||
<h1 class="green-banner-title">
|
||||
<span class="lang-en">Hi {{ current_person.first_name }}!</span>
|
||||
<span class="lang-de">Hallo {{ current_person.first_name }}!</span>
|
||||
<span class="lang-es">¡Hola {{ current_person.first_name }}!</span>
|
||||
<span class="lang-fr">Bonjour {{ current_person.first_name }}!</span>
|
||||
<span class="lang-br">Oi {{ current_person.first_name }}!</span>
|
||||
</h1>
|
||||
<div class="green-banner-text">
|
||||
<span class="lang-en">Find the best training courses, video tutorials and webinars to master your CRM and sales skills.</span>
|
||||
<span class="lang-de">Finden Sie die besten Schulungskurse, Video-Tutorials und Webinare, um Ihre CRM- und Vertriebsfähigkeiten zu meistern.</span>
|
||||
<span class="lang-es">Encuentre los mejores cursos de formación, tutoriales en vídeo y seminarios web para dominar sus habilidades de CRM y ventas.</span>
|
||||
<span class="lang-fr">Trouvez les meilleures formations, tutoriels vidéo et webinaires pour maîtriser vos compétences en CRM et en vente.</span>
|
||||
<span class="lang-br">Encontre os melhores cursos de treinamento, tutoriais em vídeo e webinars para dominar suas habilidades de CRM e vendas.</span>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="green-banner-search">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search" class="banner-search-form">
|
||||
<input aria-label="{% t .search %}" class="banner-search-input" type="text" name="q" placeholder="Search Pipedrive Academy">
|
||||
<i class="banner-search-icon fal fa-search" aria-hidden="true"></i>
|
||||
<button type="button" class="clear-btn" aria-label="Clear input">
|
||||
<img class="close-icon" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/close.svg" alt="">
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% if current_person.properties.group_selected == false %}
|
||||
<script>
|
||||
<!-- Script to redirect to the custom page --!>
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% comment %} <div class="homepage-banner-stats">
|
||||
{% assign in_progress = 0 %}
|
||||
{% assign not_started = 0 %}
|
||||
{% assign completed = 0 %}
|
||||
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.ribbon != 'VIDEO' %}
|
||||
{% if course.completed? %}
|
||||
{% assign completed = completed | plus: 1 %}
|
||||
{% elsif course.started? == false %}
|
||||
{% assign not_started = not_started | plus: 1 %}
|
||||
{% else %}
|
||||
{% assign in_progress = in_progress | plus: 1 %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="homepage-banner-stat">
|
||||
<div class="stat-dot" style="color: #FFCC00;">
|
||||
<i class="fas fa-circle"></i>
|
||||
</div>
|
||||
<div class="stat-number strong">
|
||||
{{ in_progress }}
|
||||
</div>
|
||||
<div class="stat-text body-s">
|
||||
<span class="lang-en">In progress</span>
|
||||
<span class="lang-de">In Arbeit</span>
|
||||
<span class="lang-es">En curso</span>
|
||||
<span class="lang-fr">En cours</span>
|
||||
<span class="lang-br">Em andamento</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-banner-stat">
|
||||
<div class="stat-dot" style="color: var(--purple);">
|
||||
<i class="fas fa-circle"></i>
|
||||
</div>
|
||||
<div class="stat-number strong">
|
||||
{{ not_started }}
|
||||
</div>
|
||||
<div class="stat-text body-s">
|
||||
<span class="lang-en">Not started</span>
|
||||
<span class="lang-de">Nicht gestartet</span>
|
||||
<span class="lang-es">No iniciado</span>
|
||||
<span class="lang-fr">Pas encore commencé</span>
|
||||
<span class="lang-br">Não iniciado</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-banner-stat">
|
||||
<div class="stat-dot" style="color: var(--green);">
|
||||
<i class="fas fa-circle"></i>
|
||||
</div>
|
||||
<div class="stat-number strong">
|
||||
{{ completed }}
|
||||
</div>
|
||||
<div class="stat-text body-s">
|
||||
<span class="lang-en">Completed</span>
|
||||
<span class="lang-de">Abgeschlossen</span>
|
||||
<span class="lang-es">Completado</span>
|
||||
<span class="lang-fr">Complété</span>
|
||||
<span class="lang-br">Concluído</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.banner-search-input:focus-visible {
|
||||
outline: 2px solid #017737;
|
||||
border-radius: 100px;
|
||||
}
|
||||
.banner-search-form {
|
||||
max-width: 530px;
|
||||
position: relative;
|
||||
}
|
||||
.banner-search-icon {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
}
|
||||
.banner-search-icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 17.5px;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
.banner-search-input {
|
||||
max-width: 530px;
|
||||
width: 100%;
|
||||
border-radius: 100px;
|
||||
border: none;
|
||||
height: 50px;
|
||||
padding: 0 22px 0 44px;
|
||||
}
|
||||
|
||||
.clear-btn {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
padding-left: 17.5px;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #999;
|
||||
}
|
||||
.close-icon {
|
||||
width: 100%;
|
||||
}
|
||||
.homepage-banner-image {
|
||||
width: 100%;
|
||||
}
|
||||
.homepage-banner-stat {
|
||||
background: #FFF;
|
||||
margin-bottom: 10px;
|
||||
padding: 12px 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 4px;
|
||||
width:100%;
|
||||
}
|
||||
.homepage-banner-stat > div {
|
||||
text-align: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.stat-dot {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.homepage-banner-stat .stat-number {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.homepage-banner-stat .stat-text {
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.banner-search-input, .banner-search-form {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.homepage-banner .green-banner {
|
||||
padding-bottom: 0;
|
||||
overflow: clip;
|
||||
}
|
||||
.homepage-banner .green-banner-title {
|
||||
word-break: break-word;
|
||||
}
|
||||
.homepage-banner .green-banner {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.homepage-banner .green-banner-content {
|
||||
padding-bottom: 40px;
|
||||
align-self: center;
|
||||
}
|
||||
.homepage-banner-image {
|
||||
height: 250px;
|
||||
align-self: end;
|
||||
object-fit: contain;
|
||||
width: auto;
|
||||
margin-right: -10%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 880px) {
|
||||
.homepage-banner-image {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.homepage-banner-image {
|
||||
margin-right: -5%;
|
||||
height: 350px;
|
||||
}
|
||||
.homepage-banner .green-banner-content {
|
||||
flex: 1 1 0px;
|
||||
width: 0;
|
||||
}
|
||||
.homepage-banner-stats {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
}
|
||||
.homepage-banner-stat {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1400px) {
|
||||
.homepage-banner-image {
|
||||
margin-right: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
const input = document.querySelector('.banner-search-input');
|
||||
const icon = document.querySelector('.banner-search-icon');
|
||||
const clearBtn = document.querySelector('.clear-btn');
|
||||
|
||||
function updateState() {
|
||||
const hasValue = input.value.trim().length > 0;
|
||||
|
||||
icon.style.display = hasValue ? 'none' : 'flex';
|
||||
clearBtn.style.display = hasValue ? 'flex' : 'none';
|
||||
|
||||
if (hasValue) {
|
||||
input.focus();
|
||||
}
|
||||
}
|
||||
|
||||
input.addEventListener('input', updateState);
|
||||
|
||||
clearBtn.addEventListener('click', () => {
|
||||
input.value = '';
|
||||
input.focus();
|
||||
updateState();
|
||||
});
|
||||
|
||||
|
||||
updateState();
|
||||
</script>
|
||||
@ -1,89 +0,0 @@
|
||||
<div class="green-banner-wrapper green-banner-wrapper-image">
|
||||
<div class="green-banner width-limit">
|
||||
<img class="green-banner-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/1.webp" alt="banner">
|
||||
<div class="green-banner-content">
|
||||
<h1 class="green-banner-title">
|
||||
<!-- add   after 'Hi' to keep space between words -->
|
||||
<span class="lang-en">Hi </span>
|
||||
<span class="lang-de">Hallo </span>
|
||||
<span class="lang-es">Hola </span>
|
||||
<span class="lang-fr">Bonjour </span>
|
||||
<span class="lang-br">Oi </span>
|
||||
<span class="first-name-field">
|
||||
{% if current_person.first_name %}
|
||||
{{ current_person.first_name }}
|
||||
{% else %}
|
||||
<script>
|
||||
document.querySelector('.first-name-field').innerText = window.sessionStorage.getItem('nameSetup');
|
||||
</script>
|
||||
{% endif %}
|
||||
</span>!
|
||||
</h1>
|
||||
<div class="green-banner-text">
|
||||
<span class="lang-en">Welcome to your Pipedrive training hub! Learn the basics of sales CRM software and browse dozens of video guides to expand your knowledge</span>
|
||||
<span class="lang-de">Willkommen in Ihrem Pipedrive-Trainingszentrum! Verstehen Sie die Grundlagen von Vertriebs-CRM-Software und erweitern Sie Ihr Wissen mit Dutzenden von Videoanleitungen</span>
|
||||
<span class="lang-es">¡Bienvenido a tu centro de capacitación de Pipedrive! Aprende los conceptos básicos del software de CRM de ventas y navega por docenas de guías en video para ampliar tus conocimientos</span>
|
||||
<span class="lang-fr">Bienvenue dans votre centre de formation Pipedrive ! Découvrez les bases pour bien utiliser votre logiciel CRM commercial et parcourez des dizaines de guides vidéo pour approfondir vos connaissances.</span>
|
||||
<span class="lang-br">Bem-vindo(a) ao seu centro de treinamento do Pipedrive! Aprenda o básico sobre nosso software de CRM de vendas e navegue por dezenas de guias em vídeo para expandir seu conhecimento.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.homepage-banner-image {
|
||||
width: 100%;
|
||||
}
|
||||
.homepage-banner-stat > div {
|
||||
text-align: center;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.homepage-banner .green-banner {
|
||||
padding-bottom: 0;
|
||||
overflow: clip;
|
||||
}
|
||||
.homepage-banner .green-banner-title {
|
||||
word-break: break-word;
|
||||
display: flex;
|
||||
}
|
||||
.homepage-banner .green-banner {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.homepage-banner .green-banner-content {
|
||||
padding-bottom: 40px;
|
||||
align-self: center;
|
||||
}
|
||||
.homepage-banner-image {
|
||||
height: 250px;
|
||||
align-self: end;
|
||||
object-fit: contain;
|
||||
width: auto;
|
||||
margin-right: -10%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 880px) {
|
||||
.homepage-banner-image {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.homepage-banner-image {
|
||||
margin-right: -5%;
|
||||
height: 350px;
|
||||
}
|
||||
.homepage-banner .green-banner-content {
|
||||
flex: 1 1 0px;
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1400px) {
|
||||
.homepage-banner-image {
|
||||
margin-right: 0;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,188 +0,0 @@
|
||||
<div class="faq width-limit">
|
||||
<h2 class="faq-title">
|
||||
FAQ
|
||||
</h2>
|
||||
<div class="faq-list">
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">How can I learn CRM online for free?</span>
|
||||
<span class="lang-de">Wie kann ich CRM online kostenlos lernen?</span>
|
||||
<span class="lang-es">¿Cómo puedo aprender CRM en línea gratis?</span>
|
||||
<span class="lang-fr">Comment apprendre le CRM en ligne gratuitement ?</span>
|
||||
<span class="lang-br">Como posso aprender CRM online gratuitamente?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">
|
||||
You can learn CRM online for free by exploring platforms like Pipedrive Academy. This platform offers accessible video tutorials and practical courses on using a CRM effectively. These online resources cover everything from getting started to advanced workflows, making it easy to learn at your own pace from anywhere.
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
Sie können CRM online kostenlos lernen, indem Sie Plattformen wie die Pipedrive Academy nutzen. Diese Plattform bietet zugängliche Video-Tutorials und praktische Kurse zur effektiven Nutzung eines CRM. Diese Online-Ressourcen decken alles ab, vom Einstieg bis hin zu fortgeschrittenen Workflows, sodass Sie in Ihrem eigenen Tempo von überall lernen können.
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
Puedes aprender CRM en línea de forma gratuita explorando plataformas como Pipedrive Academy. Esta plataforma ofrece tutoriales en video accesibles y cursos prácticos sobre cómo usar un CRM de manera efectiva. Estos recursos en línea cubren desde lo básico hasta flujos de trabajo avanzados, facilitando el aprendizaje a tu propio ritmo desde cualquier lugar.
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
Vous pouvez apprendre le CRM en ligne gratuitement en explorant des plateformes comme Pipedrive Academy. Cette plateforme propose des tutoriels vidéo accessibles et des cours pratiques sur l’utilisation efficace d’un CRM. Ces ressources en ligne couvrent tout, des bases aux workflows avancés, vous permettant d’apprendre à votre rythme où que vous soyez.
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
Você pode aprender CRM online gratuitamente explorando plataformas como a Pipedrive Academy. Esta plataforma oferece tutoriais em vídeo acessíveis e cursos práticos sobre como usar um CRM de forma eficaz. Esses recursos online abrangem desde o básico até fluxos de trabalho avançados, facilitando o aprendizado no seu próprio ritmo, de qualquer lugar.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What’s the best way to learn how to use a CRM?</span>
|
||||
<span class="lang-de">Wie lernt man am besten, ein CRM zu nutzen?</span>
|
||||
<span class="lang-es">¿Cuál es la mejor manera de aprender a usar un CRM?</span>
|
||||
<span class="lang-fr">Quelle est la meilleure façon d’apprendre à utiliser un CRM ?</span>
|
||||
<span class="lang-br">Qual é a melhor forma de aprender a usar um CRM?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">
|
||||
The best way to learn how to use a CRM is through hands-on, structured training that walks you through the platform’s core features, such as managing contacts, tracking deals, automating tasks and generating reports. Pipedrive Academy offers free video tutorials and step-by-step courses to help beginners and experienced users quickly master CRM best practices.
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
Der beste Weg, um zu lernen, wie man ein CRM nutzt, ist durch praktische, strukturierte Schulungen, die Sie durch die wichtigsten Funktionen der Plattform führen, wie z.B. Kontaktverwaltung, Deal-Tracking, Automatisierung von Aufgaben und Berichtserstellung. Die Pipedrive Academy bietet kostenlose Video-Tutorials und Schritt-für-Schritt-Kurse, die Anfängern und erfahrenen Nutzern helfen, CRM-Best-Practices schnell zu beherrschen.
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
La mejor manera de aprender a usar un CRM es mediante una formación práctica y estructurada que te guíe a través de las funciones principales de la plataforma, como la gestión de contactos, seguimiento de tratos, automatización de tareas y generación de informes. Pipedrive Academy ofrece tutoriales en vídeo gratuitos y cursos paso a paso para ayudar a principiantes y usuarios experimentados a dominar rápidamente las mejores prácticas de CRM.
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
La meilleure façon d’apprendre à utiliser un CRM est une formation pratique et structurée qui vous guide à travers les fonctionnalités principales de la plateforme, telles que la gestion des contacts, le suivi des affaires, l’automatisation des tâches et la génération de rapports. Pipedrive Academy propose des tutoriels vidéo gratuits et des cours étape par étape pour aider les débutants comme les utilisateurs expérimentés à maîtriser rapidement les meilleures pratiques CRM.
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
A melhor maneira de aprender a usar um CRM é através de treinamentos práticos e estruturados que te guiem pelas funcionalidades principais da plataforma, como gerenciamento de contatos, acompanhamento de negócios, automação de tarefas e geração de relatórios. A Pipedrive Academy oferece tutoriais em vídeo gratuitos e cursos passo a passo para ajudar iniciantes e usuários experientes a dominar rapidamente as melhores práticas de CRM.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">What is Pipedrive Academy?</span>
|
||||
<span class="lang-de">Was ist die Pipedrive Academy?</span>
|
||||
<span class="lang-es">¿Qué es Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Qu’est-ce que la Pipedrive Academy ?</span>
|
||||
<span class="lang-br">O que é a Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Pipedrive Academy is a free learning platform designed to help sales professionals, teams and business owners get the most out of Pipedrive CRM through courses, tutorials and tips.</span>
|
||||
<span class="lang-de">Die Pipedrive Academy ist eine kostenlose Lernplattform, die Vertriebsprofis, Teams und Geschäftsinhabern dabei hilft, das Beste aus Pipedrive CRM durch Kurse, Tutorials und Tipps herauszuholen.</span>
|
||||
<span class="lang-es">Pipedrive Academy es una plataforma de aprendizaje gratuita diseñada para ayudar a profesionales de ventas, equipos y dueños de negocios a sacar el máximo provecho del CRM de Pipedrive a través de cursos, tutoriales y consejos.</span>
|
||||
<span class="lang-fr">Pipedrive Academy est une plateforme d’apprentissage gratuite conçue pour aider les professionnels de la vente, les équipes et les propriétaires d’entreprise à tirer le meilleur parti de Pipedrive CRM grâce à des cours, des tutoriels et des astuces.</span>
|
||||
<span class="lang-br">Pipedrive Academy é uma plataforma de aprendizagem gratuita projetada para ajudar profissionais de vendas, equipes e proprietários de negócios a aproveitarem ao máximo o Pipedrive CRM por meio de cursos, tutoriais e dicas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">Is the Pipedrive Academy free?</span>
|
||||
<span class="lang-de">Ist die Pipedrive Academy kostenlos?</span>
|
||||
<span class="lang-es">¿Es gratuita la Pipedrive Academy?</span>
|
||||
<span class="lang-fr">La Pipedrive Academy est-elle gratuite ?</span>
|
||||
<span class="lang-br">A Pipedrive Academy é gratuita?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Pipedrive Academy is completely free for all users. Whether you’re just starting out or want to sharpen your skills, you can access all courses and tutorials at no cost.</span>
|
||||
<span class="lang-de">Die Pipedrive Academy ist für alle Nutzer völlig kostenlos. Egal, ob Sie gerade erst anfangen oder Ihre Fähigkeiten verbessern möchten, Sie können auf alle Kurse und Tutorials ohne Kosten zugreifen.</span>
|
||||
<span class="lang-es">Pipedrive Academy es completamente gratuita para todos los usuarios. Ya sea que estés comenzando o quieras perfeccionar tus habilidades, puedes acceder a todos los cursos y tutoriales sin costo alguno.</span>
|
||||
<span class="lang-fr">La Pipedrive Academy est entièrement gratuite pour tous les utilisateurs. Que vous débutiez ou souhaitiez perfectionner vos compétences, vous pouvez accéder à tous les cours et tutoriels sans frais.</span>
|
||||
<span class="lang-br">A Pipedrive Academy é totalmente gratuita para todos os usuários. Seja você um iniciante ou queira aprimorar suas habilidades, pode acessar todos os cursos e tutoriais sem custo algum.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">Who should use the Pipedrive Academy?</span>
|
||||
<span class="lang-de">Wer sollte die Pipedrive Academy nutzen?</span>
|
||||
<span class="lang-es">¿Quién debería usar la Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Qui devrait utiliser la Pipedrive Academy ?</span>
|
||||
<span class="lang-br">Quem deve usar a Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Pipedrive Academy is ideal for sales teams, CRM admins, small business owners and anyone looking to master Pipedrive’s tools to improve their sales process.</span>
|
||||
<span class="lang-de">Die Pipedrive Academy ist ideal für Vertriebsteams, CRM-Administratoren, Kleinunternehmer und alle, die die Pipedrive-Tools meistern möchten, um ihren Verkaufsprozess zu verbessern.</span>
|
||||
<span class="lang-es">Pipedrive Academy es ideal para equipos de ventas, administradores de CRM, propietarios de pequeñas empresas y cualquier persona que desee dominar las herramientas de Pipedrive para mejorar su proceso de ventas.</span>
|
||||
<span class="lang-fr">La Pipedrive Academy est idéale pour les équipes commerciales, les administrateurs CRM, les petits entrepreneurs et toute personne souhaitant maîtriser les outils de Pipedrive pour améliorer leur processus de vente.</span>
|
||||
<span class="lang-br">A Pipedrive Academy é ideal para equipes de vendas, administradores de CRM, pequenos empresários e qualquer pessoa que queira dominar as ferramentas do Pipedrive para melhorar seu processo de vendas.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">How do I start learning with Pipedrive Academy?</span>
|
||||
<span class="lang-de">Wie beginne ich mit dem Lernen bei der Pipedrive Academy?</span>
|
||||
<span class="lang-es">¿Cómo empiezo a aprender con Pipedrive Academy?</span>
|
||||
<span class="lang-fr">Comment commencer à apprendre avec Pipedrive Academy ?</span>
|
||||
<span class="lang-br">Como começar a aprender com a Pipedrive Academy?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Simply visit the Pipedrive Academy, choose a course or video and start learning! If you’re already logged into Pipedrive, no extra login is needed.</span>
|
||||
<span class="lang-de">Besuchen Sie einfach die Pipedrive Academy, wählen Sie einen Kurs oder ein Video aus und beginnen Sie mit dem Lernen! Wenn Sie bereits bei Pipedrive angemeldet sind, ist keine zusätzliche Anmeldung erforderlich.</span>
|
||||
<span class="lang-es">Simplemente visita la Pipedrive Academy, elige un curso o video y ¡comienza a aprender! Si ya has iniciado sesión en Pipedrive, no necesitas iniciar sesión de nuevo.</span>
|
||||
<span class="lang-fr">Il vous suffit de visiter la Pipedrive Academy, de choisir un cours ou une vidéo et de commencer à apprendre ! Si vous êtes déjà connecté à Pipedrive, aucune connexion supplémentaire n’est nécessaire.</span>
|
||||
<span class="lang-br">Basta visitar a Pipedrive Academy, escolher um curso ou vídeo e começar a aprender! Se você já estiver logado no Pipedrive, não é necessário fazer login novamente.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-element">
|
||||
<div class="faq-question" onclick="this.classList.toggle('open')">
|
||||
<div class="faq-question-icon">
|
||||
<i class="far fa-angle-down faq-icon-closed"></i>
|
||||
<i class="far fa-angle-up faq-icon-opened"></i>
|
||||
</div>
|
||||
<div class="faq-question-text">
|
||||
<span class="lang-en">Does Pipedrive Academy offer certifications?</span>
|
||||
<span class="lang-de">Bietet die Pipedrive Academy Zertifikate an?</span>
|
||||
<span class="lang-es">¿Ofrece Pipedrive Academy certificaciones?</span>
|
||||
<span class="lang-fr">La Pipedrive Academy propose-t-elle des certifications ?</span>
|
||||
<span class="lang-br">A Pipedrive Academy oferece certificações?</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-answer body-s">
|
||||
<span class="lang-en">Yes, some courses offer completion certificates to showcase your Pipedrive CRM knowledge and sales expertise.</span>
|
||||
<span class="lang-de">Ja, einige Kurse bieten Abschlusszertifikate an, um Ihr Wissen über Pipedrive CRM und Ihre Vertriebskompetenz zu zeigen.</span>
|
||||
<span class="lang-es">Sí, algunos cursos ofrecen certificados de finalización para demostrar tus conocimientos de Pipedrive CRM y experiencia en ventas.</span>
|
||||
<span class="lang-fr">Oui, certains cours proposent des certificats de réussite pour mettre en valeur vos connaissances du CRM Pipedrive et votre expertise commerciale.</span>
|
||||
<span class="lang-br">Sim, alguns cursos oferecem certificados de conclusão para demonstrar seu conhecimento do Pipedrive CRM e sua expertise em vendas.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'seo_faq' %}
|
||||
@ -1,75 +0,0 @@
|
||||
<div class="generic-cards-collection-wrapper container width-limit">
|
||||
<div class="generic-cards-collection row">
|
||||
{% assign card_button_text = '<span class="lang-en">See more</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>' %}
|
||||
|
||||
{% assign card_image = "https://s3.amazonaws.com/static.northpass.com/pipedrive/homepage-generic-cards-academy.png" %}
|
||||
{% assign card_alt_text = "Man watching at a Pipedrive sales academy course on the laptop" %}
|
||||
{% assign card_title = '<span class="lang-en">Academy courses</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>' %}
|
||||
{% assign card_description = "<span class='lang-en'>We've crafted the perfect online courses to hone your sales strategies. Whether you're starting to use your Pipedrive CRM system or brushing up on your skills, we've got the course for you!</span>
|
||||
<span class='lang-de'></span>
|
||||
<span class='lang-es'></span>
|
||||
<span class='lang-fr'></span>
|
||||
<span class='lang-br'></span>"
|
||||
%}
|
||||
{% assign card_button_link = "/app/catalog" %}
|
||||
{% include "cards_generic" %}
|
||||
|
||||
{% assign card_image = "https://s3.amazonaws.com/static.northpass.com/pipedrive/homepage-generic-cards-video-tutorial.png" %}
|
||||
{% assign card_alt_text = "Woman watching a Pipedrive crm video tutorial on the laptop" %}
|
||||
{% assign card_title = '<span class="lang-en">Video tutorials</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>' %}
|
||||
{% assign card_description = "<span class='lang-en'>Watch insightful Pipedrive product tutorials made for all types of learners. Learn CRM tips to keep you winning and get team members up to speed with detailed product demos.</span>
|
||||
<span class='lang-de'></span>
|
||||
<span class='lang-es'></span>
|
||||
<span class='lang-fr'></span>
|
||||
<span class='lang-br'></span>"
|
||||
%}
|
||||
{% assign card_button_link = "/app/video-tutorials" %}
|
||||
{% include "cards_generic" %}
|
||||
|
||||
{% assign card_image = "https://s3.amazonaws.com/static.northpass.com/pipedrive/homepage-generic-cards-webinars.png" %}
|
||||
{% assign card_alt_text = "Group of people sitting at a Pipedrive sales seminar" %}
|
||||
{% assign card_title = '<span class="lang-en">Webinars</span>
|
||||
<span class="lang-de"></span>
|
||||
<span class="lang-es"></span>
|
||||
<span class="lang-fr"></span>
|
||||
<span class="lang-br"></span>' %}
|
||||
{% assign card_description = "<span class='lang-en'>This section gives you access to all our helpful webinars. Sign up for future live streams and browse our entire catalog of on-demand discussions.</span>
|
||||
<span class='lang-de'></span>
|
||||
<span class='lang-es'></span>
|
||||
<span class='lang-fr'></span>
|
||||
<span class='lang-br'></span>"
|
||||
%}
|
||||
{% assign card_button_link = 'https://www.pipedrive.com/en/webinars" target="_blank"' %}
|
||||
{% include "cards_generic" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.generic-cards-collection-wrapper {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.generic-cards-collection-wrapper {
|
||||
margin-top: 80px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.generic-cards-collection .course-card {
|
||||
padding-left:18px;
|
||||
padding-right:18px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,318 +0,0 @@
|
||||
{% assign in_progress = false %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.progress > 0 and course.progress < 100 %}
|
||||
{% assign in_progress = true %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if in_progress %}
|
||||
<section class="homepage-courses-wrapper width-limit">
|
||||
{% comment %} <div class="homepage-filter">
|
||||
<div class="filter-item body-s strong filter-item-active" filter-items="latest" onclick='filterHomepage(this)'>
|
||||
<span class="lang-en">Latest activity</span>
|
||||
<span class="lang-de">Letzte Aktivität</span>
|
||||
<span class="lang-es">Última actividad</span>
|
||||
<span class="lang-fr">Dernière activité</span>
|
||||
<span class="lang-br">Actividade mais recente</span>
|
||||
</div>
|
||||
<div class="filter-item body-s strong" filter-items="in-progress" onclick='filterHomepage(this)'>
|
||||
<span class="lang-en">In progress</span>
|
||||
<span class="lang-de">In Arbeit</span>
|
||||
<span class="lang-es">En curso</span>
|
||||
<span class="lang-fr">En cours</span>
|
||||
<span class="lang-br">Em andamento</span>
|
||||
</div>
|
||||
<div class="filter-item body-s strong" filter-items="completed" onclick='filterHomepage(this)'>
|
||||
<span class="lang-en">Completed</span>
|
||||
<span class="lang-de">Abgeschlossen</span>
|
||||
<span class="lang-es">Completado</span>
|
||||
<span class="lang-fr">Complété</span>
|
||||
<span class="lang-br">Concluído</span>
|
||||
</div>
|
||||
<div class="filter-item body-s strong" filter-items="my-list" onclick='filterHomepage(this)'>
|
||||
<span class="lang-en">My list</span>
|
||||
<span class="lang-de">Meine Liste</span>
|
||||
<span class="lang-es">Mi lista</span>
|
||||
<span class="lang-fr">Ma liste</span>
|
||||
<span class="lang-br">Minha lista</span>
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
<div class="homepage-courses-sections-wrapper">
|
||||
<div class="homepage-courses-section" filter-name="latest">
|
||||
<div class="homepage-courses-subsection homepage-courses-subsection-courses">
|
||||
{% comment %} <h3 class="homepage-courses-section-title">
|
||||
<span class="lang-en">Your latest courses</span>
|
||||
<span class="lang-de">Ihre letzten Kurse</span>
|
||||
<span class="lang-es">Sus últimos cursos</span>
|
||||
<span class="lang-fr">Vos derniers cours</span>
|
||||
<span class="lang-br">Seus últimos cursos</span>
|
||||
</h3> {% endcomment %}
|
||||
<div class="courses-list row">
|
||||
{% assign any_course = false %}
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.ribbon != "VIDEO" %}
|
||||
{% if current_person.properties.latest_courses contains course.id %}
|
||||
{% assign any_course = true %}
|
||||
{% include 'cards_course_homepage' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% unless any_course %}
|
||||
<style>
|
||||
.homepage-courses-subsection-courses {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endunless %}
|
||||
|
||||
{% comment %} <div class="homepage-courses-subsection homepage-courses-subsection-tutorials">
|
||||
<h3 class="homepage-courses-section-title">
|
||||
<span class="lang-en">Your latest tutorials</span>
|
||||
<span class="lang-de">Ihre neuesten Tutorials</span>
|
||||
<span class="lang-es">Tus últimos tutoriales</span>
|
||||
<span class="lang-fr">Vos derniers tutoriels</span>
|
||||
<span class="lang-br">Seus últimos tutoriais</span>
|
||||
</h3>
|
||||
<div class="homepage-courses-list">
|
||||
{% assign any_course = false %}
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.ribbon == "VIDEO" %}
|
||||
{% if current_person.properties.latest_tutorials contains course.id %}
|
||||
{% assign any_course = true %}
|
||||
{% include 'cards_course_homepage' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
{% if any_course %}
|
||||
<style>
|
||||
.homepage-courses-subsection-courses {
|
||||
padding-bottom: 60px;
|
||||
border-bottom: 1px solid #E1E1FF;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.homepage-courses-subsection-courses {
|
||||
padding-bottom: 80px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% else %}
|
||||
<style>
|
||||
.homepage-courses-subsection-tutorials {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
<div class="homepage-courses-section" >
|
||||
<h3 class="homepage-courses-section-title">
|
||||
<span class="lang-en">In progress</span>
|
||||
<span class="lang-de">In Bearbeitung</span>
|
||||
<span class="lang-es">En curso</span>
|
||||
<span class="lang-fr">En cours</span>
|
||||
<span class="lang-br">Em andamento</span>
|
||||
</h3>
|
||||
<div class="courses-list row">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.completed? == false and course.started? %}
|
||||
{% include 'cards_course_homepage' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% comment %} <div class="homepage-courses-section filter-hidden" filter-name="completed">
|
||||
<h3 class="homepage-courses-section-title">
|
||||
<span class="lang-en">Courses you completed</span>
|
||||
<span class="lang-de">Abgeschlossene Kurse</span>
|
||||
<span class="lang-es">Cursos realizados</span>
|
||||
<span class="lang-fr">Les cours que vous avez suivis</span>
|
||||
<span class="lang-br">Cursos que você completou</span>
|
||||
</h3>
|
||||
<div class="homepage-courses-list">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.completed? %}
|
||||
{% include 'cards_course_homepage' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
|
||||
{% comment %} <div class="homepage-courses-section filter-hidden" filter-name="my-list">
|
||||
<h3 class="homepage-courses-section-title">
|
||||
<span class="lang-en">All your courses</span>
|
||||
<span class="lang-de">Alle Ihre Kurse</span>
|
||||
<span class="lang-es">Todos sus cursos</span>
|
||||
<span class="lang-fr">Tous vos cours</span>
|
||||
<span class="lang-br">Todos os seus cursos</span>
|
||||
</h3>
|
||||
<div class="homepage-courses-list">
|
||||
{% for course in courses.enrolled %}
|
||||
{% if course.ribbon != 'VIDEO' %}
|
||||
{% include 'cards_course_homepage' %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div> {% endcomment %}
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.homepage-courses-wrapper {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.homepage-filter {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.filter-item {
|
||||
border: 2px solid #E4E6E9;
|
||||
border-radius: 300px;
|
||||
padding: 10px 20px;
|
||||
white-space: nowrap;
|
||||
color: #656E7A;
|
||||
cursor: pointer;
|
||||
}
|
||||
.filter-item-active {
|
||||
color: var(--green);
|
||||
border: 2px solid var(--green);
|
||||
pointer-events: none;
|
||||
}
|
||||
.filter-hidden {
|
||||
display: none;
|
||||
}
|
||||
.homepage-courses-section-title {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.homepage-courses-wrapper {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.homepage-filter {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.homepage-courses-section-title {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
/* homepage cards */
|
||||
.homepage-card {
|
||||
width: 100%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.homepage-card-wrapper:last-child .homepage-card {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.homepage-card:hover .homepage-card-title {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.homepage-card-image {
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
border-radius:4px;
|
||||
}
|
||||
.homepage-card-body {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.homepage-card-body-wrapper {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.homepage-card-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.homepage-card-progress-bar {
|
||||
background: #DADDE1;
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.homepage-card-progress-bar-fill {
|
||||
background: var(--green);
|
||||
height: 2px;
|
||||
border-radius: 4px;
|
||||
min-width: 4px;
|
||||
}
|
||||
.homepage-card-activities {
|
||||
color: #656E7A;
|
||||
}
|
||||
.homepage-card-title {
|
||||
line-height:26px;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
.homepage-card-progress-value {
|
||||
color: var(--green);
|
||||
}
|
||||
.homepage-card-time {
|
||||
color: #656E7A;
|
||||
}
|
||||
.homepage-card-button {
|
||||
height: 42px;
|
||||
width: auto;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.homepage-card {
|
||||
display: flex;
|
||||
gap: 40px;
|
||||
}
|
||||
.homepage-card-image {
|
||||
width: 30%;
|
||||
max-width: 207px;
|
||||
}
|
||||
.homepage-card-body {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items:flex-end;
|
||||
}
|
||||
.homepage-card-title {
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function filterHomepage(element) {
|
||||
document.querySelector('.filter-item-active').classList.remove('filter-item-active');
|
||||
element.classList.add('filter-item-active');
|
||||
document.querySelectorAll('.homepage-courses-section').forEach(section => {
|
||||
if (section.getAttribute('filter-name') === element.getAttribute('filter-items')) {
|
||||
section.classList.remove('filter-hidden');
|
||||
} else {
|
||||
section.classList.add('filter-hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
addEventListener('DOMContentLoaded', () => {
|
||||
document.querySelectorAll('.homepage-courses-section').forEach(courseSection => {
|
||||
let courseList = courseSection.querySelector('.homepage-courses-list');
|
||||
let filterButton = document.querySelector(`[filter-items=${courseSection.getAttribute('filter-name')}]`);
|
||||
if (courseList.childElementCount === 0) {
|
||||
filterButton.classList.add('np-hidden');
|
||||
filterButton.classList.remove('filter-item-active');
|
||||
if (!courseSection.classList.contains('filter-hidden')) {
|
||||
courseSection.classList.add('filter-hidden');
|
||||
}
|
||||
} else {
|
||||
if (!document.querySelector('.filter-item-active')) {
|
||||
filterButton.classList.add('filter-item-active');
|
||||
courseSection.classList.remove('filter-hidden');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@ -1,304 +0,0 @@
|
||||
<section class="page-info-wrapper">
|
||||
<div style="background: #F7F7FE; padding: 80px 0;">
|
||||
<div class="page-info width-limit">
|
||||
<div class="page-info-section">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/9.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Online courses for the best CRM tips and tricks</span>
|
||||
<span class="lang-de">Online-Kurse mit den besten CRM-Tipps und -Tricks</span>
|
||||
<span class="lang-es">Cursos en línea con los mejores consejos y trucos de CRM</span>
|
||||
<span class="lang-fr">Cours en ligne avec les meilleurs conseils et astuces CRM</span>
|
||||
<span class="lang-br">Cursos online com as melhores dicas e truques de CRM</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description">
|
||||
<span class="lang-en">
|
||||
Unlock the full potential of your CRM with Pipedrive Academy. You'll find content tailored to your needs, both for beginners and professionals.<br>
|
||||
<ul>
|
||||
<li>Content crafted for both beginners and professionals, covering everything from CRM basics to advanced strategies.</li>
|
||||
<li>Short and actionable tutorials for key features, like Automations and Campaigns.</li>
|
||||
<li>Webinars from industry experts, with insights into advanced sales techniques and marketing.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
Entfesseln Sie das volle Potenzial Ihres CRM mit der Pipedrive Academy. Sie finden Inhalte, die auf Ihre Bedürfnisse zugeschnitten sind – sowohl für Einsteiger als auch für Profis.<br>
|
||||
<ul>
|
||||
<li>Inhalte für Einsteiger und Profis – von den CRM-Grundlagen bis hin zu fortgeschrittenen Strategien.</li>
|
||||
<li>Kurze und praxisnahe Tutorials zu wichtigen Funktionen wie Automatisierungen und Kampagnen.</li>
|
||||
<li>Webinare von Branchenexperten mit Einblicken in fortgeschrittene Verkaufstechniken und Marketing.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
Desbloquea todo el potencial de tu CRM con Pipedrive Academy. Encontrarás contenido adaptado a tus necesidades, tanto para principiantes como para profesionales.<br>
|
||||
<ul>
|
||||
<li>Contenido diseñado tanto para principiantes como para profesionales, que abarca desde los fundamentos del CRM hasta estrategias avanzadas.</li>
|
||||
<li>Tutoriales cortos y prácticos sobre funciones clave, como automatizaciones y campañas.</li>
|
||||
<li>Webinarios impartidos por expertos del sector, con información sobre técnicas de ventas avanzadas y marketing.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
Libérez tout le potentiel de votre CRM avec la Pipedrive Academy. Vous y trouverez du contenu adapté à vos besoins, que vous soyez débutant ou professionnel.<br>
|
||||
<ul>
|
||||
<li>Du contenu conçu pour les débutants comme pour les professionnels, couvrant tout, des bases du CRM aux stratégies avancées.</li>
|
||||
<li>Tutoriels courts et concrets sur les fonctionnalités clés, comme les automatisations et les campagnes.</li>
|
||||
<li>Webinaires animés par des experts du secteur, avec des insights sur les techniques de vente avancées et le marketing.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
Desbloqueie todo o potencial do seu CRM com a Pipedrive Academy. Você encontrará conteúdo adaptado às suas necessidades, tanto para iniciantes quanto para profissionais.<br>
|
||||
<ul>
|
||||
<li>Conteúdo criado para iniciantes e profissionais, cobrindo desde o básico do CRM até estratégias avançadas.</li>
|
||||
<li>Tutoriais curtos e práticos sobre recursos-chave, como automações e campanhas.</li>
|
||||
<li>Webinars com especialistas do setor, com insights sobre técnicas avançadas de vendas e marketing.</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-info-section">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/4.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Pipedrive Academy content</span>
|
||||
<span class="lang-de">Inhalte der Pipedrive Academy</span>
|
||||
<span class="lang-es">Contenido de la Pipedrive Academy</span>
|
||||
<span class="lang-fr">Contenu de la Pipedrive Academy</span>
|
||||
<span class="lang-br">Conteúdo da Pipedrive Academy</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description">
|
||||
<span class="lang-en">
|
||||
Pipedrive Academy houses all essential CRM resources in one, accessible hub area. Quickly find answers to your CRM questions and level up your skills. Here's how we can improve your sales:
<br>
|
||||
<ul>
|
||||
<li>Optimize customer interaction and make every engagement count.</li>
|
||||
<li>Set up insightful dashboards and guide smarter, impactful business decisions.</li>
|
||||
<li>Improve your sales process, increase profitability and efficiency.</li>
|
||||
<li>Design and deliver impactful marketing campaigns using Pipedrive's pre-made email templates.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
Die Pipedrive Academy vereint alle wichtigen CRM-Ressourcen an einem zentralen, leicht zugänglichen Ort. Finden Sie schnell Antworten auf Ihre CRM-Fragen und verbessern Sie Ihre Fähigkeiten. So helfen wir Ihnen, Ihren Vertrieb zu optimieren:<br>
|
||||
<ul>
|
||||
<li>Optimieren Sie die Kundeninteraktion und machen Sie jedes Gespräch wertvoll.</li>
|
||||
<li>Richten Sie aussagekräftige Dashboards ein und treffen Sie fundierte, wirkungsvolle Geschäftsentscheidungen.</li>
|
||||
<li>Verbessern Sie Ihren Verkaufsprozess, steigern Sie Rentabilität und Effizienz.</li>
|
||||
<li>Gestalten und versenden Sie wirkungsvolle Marketingkampagnen mit den vorgefertigten E-Mail-Vorlagen von Pipedrive.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
Pipedrive Academy reúne todos los recursos esenciales de CRM en un solo centro accesible. Encuentra rápidamente respuestas a tus preguntas sobre CRM y mejora tus habilidades. Así podemos ayudarte a mejorar tus ventas:<br>
|
||||
<ul>
|
||||
<li>Optimiza la interacción con los clientes y haz que cada contacto cuente.</li>
|
||||
<li>Configura paneles de control informativos y toma decisiones empresariales más inteligentes y efectivas.</li>
|
||||
<li>Mejora tu proceso de ventas, aumenta la rentabilidad y la eficiencia.</li>
|
||||
<li>Diseña y lanza campañas de marketing impactantes utilizando las plantillas de correo electrónico prediseñadas de Pipedrive.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
La Pipedrive Academy regroupe toutes les ressources CRM essentielles dans un seul espace centralisé et accessible. Trouvez rapidement des réponses à vos questions CRM et développez vos compétences. Voici comment nous pouvons améliorer vos ventes :<br>
|
||||
<ul>
|
||||
<li>Optimisez les interactions avec les clients et donnez de la valeur à chaque échange.</li>
|
||||
<li>Configurez des tableaux de bord pertinents pour prendre des décisions commerciales plus intelligentes et efficaces.</li>
|
||||
<li>Améliorez votre processus de vente, augmentez votre rentabilité et votre efficacité.</li>
|
||||
<li>Concevez et réalisez des campagnes marketing percutantes à l’aide des modèles d’e-mails préconçus de Pipedrive.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
A Pipedrive Academy reúne todos os recursos essenciais de CRM em um único e acessível centro. Encontre rapidamente respostas para suas dúvidas sobre CRM e aprimore suas habilidades. Veja como podemos melhorar suas vendas:<br>
|
||||
<ul>
|
||||
<li>Otimize a interação com o cliente e torne cada contato mais significativo.</li>
|
||||
<li>Configure dashboards informativos e tome decisões de negócios mais inteligentes e eficazes.</li>
|
||||
<li>Melhore seu processo de vendas, aumentando a lucratividade e a eficiência.</li>
|
||||
<li>Crie e execute campanhas de marketing impactantes usando os modelos de e-mail prontos do Pipedrive.</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: #fff; padding: 80px 0;">
|
||||
<div class="page-info width-limit">
|
||||
<div class="page-info-section">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/3.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Courses</span>
|
||||
<span class="lang-de">Kurse</span>
|
||||
<span class="lang-es">Cursos</span>
|
||||
<span class="lang-fr">Cours</span>
|
||||
<span class="lang-br">Cursos</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description">
|
||||
<span class="lang-en">
|
||||
<ul>
|
||||
<li>Learn CRM fundamentals and manage your customer data with ease.</li>
|
||||
<li>Discover practical, hands-on sales courses and close more deals.</li>
|
||||
<li>Streamline workflows with expert tips and increase sales efficiency.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
<ul>
|
||||
<li>Lernen Sie die Grundlagen von CRM und verwalten Sie Ihre Kundendaten mühelos.</li>
|
||||
<li>Entdecken Sie praxisnahe Vertriebskurse und schließen Sie mehr Geschäfte ab.</li>
|
||||
<li>Optimieren Sie Arbeitsabläufe mit Expertentipps und steigern Sie die Vertriebseffizienz.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
<ul>
|
||||
<li>Aprende los fundamentos del CRM y gestiona los datos de tus clientes con facilidad.</li>
|
||||
<li>Descubre cursos prácticos de ventas y cierra más negocios.</li>
|
||||
<li>Agiliza los flujos de trabajo con consejos de expertos y mejora la eficiencia en ventas.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
<ul>
|
||||
<li>Apprenez les bases du CRM et gérez vos données clients en toute simplicité.</li>
|
||||
<li>Découvrez des cours de vente pratiques et concrets pour conclure plus de ventes.</li>
|
||||
<li>Rationalisez vos processus grâce aux conseils d’experts et augmentez votre efficacité commerciale.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
<ul>
|
||||
<li>Aprenda os fundamentos do CRM e gerencie os dados dos seus clientes com facilidade.</li>
|
||||
<li>Descubra cursos de vendas práticos e feche mais negócios.</li>
|
||||
<li>Otimize os fluxos de trabalho com dicas de especialistas e aumente a eficiência nas vendas.</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
<a class="button-large button-2" target="_blank" href="/app/catalog">
|
||||
<span class="lang-en">Explore courses</span>
|
||||
<span class="lang-de">Kurse entdecken</span>
|
||||
<span class="lang-es">Explorar cursos</span>
|
||||
<span class="lang-fr">Explorer les cours</span>
|
||||
<span class="lang-br">Explorar cursos</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-info-section">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/2.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Video tutorials</span>
|
||||
<span class="lang-de">Video-Tutorials</span>
|
||||
<span class="lang-es">Tutoriales en vídeo</span>
|
||||
<span class="lang-fr">Tutoriels vidéo</span>
|
||||
<span class="lang-br">Tutoriais em vídeo</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description">
|
||||
<span class="lang-en">
|
||||
<ul>
|
||||
<li>Master Pipedrive essentials with quick video tutorials.</li>
|
||||
<li>Discover useful features you might be missing out on.</li>
|
||||
<li>Increase productivity using easy-to-follow video guides.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
<ul>
|
||||
<li>Beherrschen Sie die Pipedrive-Grundlagen mit kurzen Video-Tutorials.</li>
|
||||
<li>Entdecken Sie nützliche Funktionen, die Sie vielleicht übersehen haben.</li>
|
||||
<li>Steigern Sie Ihre Produktivität mit leicht verständlichen Videoanleitungen.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
<ul>
|
||||
<li>Domina lo esencial de Pipedrive con tutoriales en vídeo rápidos.</li>
|
||||
<li>Descubre funciones útiles que podrías estar pasando por alto.</li>
|
||||
<li>Aumenta tu productividad con guías en vídeo fáciles de seguir.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
<ul>
|
||||
<li>Maîtrisez les bases de Pipedrive grâce à de courtes vidéos tutoriels.</li>
|
||||
<li>Découvrez des fonctionnalités utiles que vous pourriez manquer.</li>
|
||||
<li>Augmentez votre productivité grâce à des guides vidéo faciles à suivre.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
<ul>
|
||||
<li>Domine o essencial do Pipedrive com tutoriais em vídeo rápidos.</li>
|
||||
<li>Descubra recursos úteis que você pode estar perdendo.</li>
|
||||
<li>Aumente sua produtividade com guias em vídeo fáceis de acompanhar.</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
<a class="button-large button-2" target="_blank" href="/app/video-tutorials">
|
||||
<span class="lang-en">Explore video tutorials</span>
|
||||
<span class="lang-de">Video-Tutorials entdecken</span>
|
||||
<span class="lang-es">Explorar tutoriales en vídeo</span>
|
||||
<span class="lang-fr">Explorer les tutoriels vidéo</span>
|
||||
<span class="lang-br">Explorar tutoriais em vídeo</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-info-section">
|
||||
<div class="page-info-section-image-wrapper">
|
||||
<img class="page-info-section-image" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/images/10.webp">
|
||||
</div>
|
||||
<div class="page-info-section-text">
|
||||
<h3 class="page-info-section-title">
|
||||
<span class="lang-en">Webinars</span>
|
||||
<span class="lang-de">Webinare</span>
|
||||
<span class="lang-es">Seminarios web</span>
|
||||
<span class="lang-fr">Webinaires</span>
|
||||
<span class="lang-br">Webinars</span>
|
||||
</h3>
|
||||
<div class="page-info-section-description">
|
||||
<span class="lang-en">
|
||||
<ul>
|
||||
<li>Get expert advice from product engineers on optimizing your sales process.</li>
|
||||
<li>Learn advanced CRM tools and strategies directly from experienced managers.</li>
|
||||
<li>Master pipeline setup tailored specifically to your business needs.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-de">
|
||||
<ul>
|
||||
<li>Holen Sie sich fachkundige Beratung von Produktingenieuren zur Optimierung Ihres Verkaufsprozesses.</li>
|
||||
<li>Lernen Sie fortgeschrittene CRM-Tools und Strategien direkt von erfahrenen Managern.</li>
|
||||
<li>Beherrschen Sie die Einrichtung Ihrer Pipeline – maßgeschneidert für die Anforderungen Ihres Unternehmens.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-es">
|
||||
<ul>
|
||||
<li>Obtén asesoramiento experto de ingenieros de producto para optimizar tu proceso de ventas.</li>
|
||||
<li>Aprende herramientas y estrategias CRM avanzadas directamente de gerentes con experiencia.</li>
|
||||
<li>Domina la configuración del embudo adaptada específicamente a las necesidades de tu negocio.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-fr">
|
||||
<ul>
|
||||
<li>Obtenez les conseils d’experts des ingénieurs produits pour optimiser votre processus de vente.</li>
|
||||
<li>Apprenez à utiliser des outils et stratégies CRM avancés directement auprès de managers expérimentés.</li>
|
||||
<li>Maîtrisez la configuration du pipeline adaptée spécifiquement aux besoins de votre entreprise.</li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="lang-br">
|
||||
<ul>
|
||||
<li>Receba conselhos especializados de engenheiros de produto sobre como otimizar seu processo de vendas.</li>
|
||||
<li>Aprenda ferramentas e estratégias avançadas de CRM diretamente com gerentes experientes.</li>
|
||||
<li>Domine a configuração do pipeline adaptada especificamente às necessidades do seu negócio.</li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
<a class="button-large button-2" target="_blank" href="https://www.pipedrive.com/en/webinars" target="_blank">
|
||||
<span class="lang-en">View webinars</span>
|
||||
<span class="lang-de">Webinare ansehen</span>
|
||||
<span class="lang-es">Ver webinarios</span>
|
||||
<span class="lang-fr">Voir les webinaires</span>
|
||||
<span class="lang-br">Ver webinars</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@ -1,63 +0,0 @@
|
||||
<div class="courses container width-limit">
|
||||
<section class="courses-section">
|
||||
<h3 class="courses-title strong">
|
||||
<span class="lang-en">Don’t know where to start? We recommend these</span>
|
||||
<span class="lang-de">Sie wissen nicht, wo Sie anfangen sollen? Wir empfehlen</span>
|
||||
<span class="lang-es">¿No sabe por dónde empezar? Le recomendamos</span>
|
||||
<span class="lang-fr">Vous ne savez pas par où commencer ? Voici nos recommandations.</span>
|
||||
<span class="lang-br">Não sabe por onde começar? Recomendamos estes</span>
|
||||
</h3>
|
||||
{% assign any_course = false %}
|
||||
<div class="courses-list row">
|
||||
{% for course in courses.in_catalog %}
|
||||
{% if course.properties.recommended_for_new_learner %}
|
||||
{% assign any_course = true %}
|
||||
{% if course.ribbon == 'VIDEO' %}
|
||||
{% include 'cards_video' %}
|
||||
{% else %}
|
||||
{% include 'cards_course' %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% unless any_course %}
|
||||
<style>
|
||||
.courses {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{% endunless %}
|
||||
|
||||
<style>
|
||||
.courses-title {
|
||||
padding-bottom: 40px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.courses {
|
||||
padding-top: 40px;
|
||||
}
|
||||
.courses-list > div {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.courses-list .video-card .course-card-content {
|
||||
margin-top: 31.6px;
|
||||
}
|
||||
.courses .course-card {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.addEventListener('DOMContentLoaded', () => {
|
||||
document.querySelectorAll('.course-card-description').forEach((x) => {
|
||||
$clamp(x, {clamp: 5});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@ -1,5 +0,0 @@
|
||||
{% if learning_path.new_content_available? %}
|
||||
{% include "learning_path_new_content_banner" %}
|
||||
{% else %}
|
||||
{% include "learning_path_completed_banner" %}
|
||||
{% endif %}
|
||||
@ -1,17 +0,0 @@
|
||||
{% if learning_path.has_certificate? %}
|
||||
{% if learning_path.certificate_completed? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-certificate-link"
|
||||
href="{{ learning_path.certificate_link }}"
|
||||
>
|
||||
<div class="np-learning-path-certificate">
|
||||
{% include "learning_path_certificate_content" %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-certificate np-learning-path-certificate--inactive">
|
||||
{% include "learning_path_certificate_content" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
@ -1,19 +0,0 @@
|
||||
<div class="np-learning-path-certificate-content">
|
||||
<div class="np-learning-path-certificate-avatar" role="img">
|
||||
<i class="np-learning-path-certificate-avatar-icon fal fa-award"></i>
|
||||
<h5 class="np-learning-path-certificate-avatar-title">
|
||||
{% t .avatar_title %}
|
||||
</h5>
|
||||
</div>
|
||||
<h4 class="np-learning-path-certificate-name">
|
||||
{{ learning_path.certificate_name }}
|
||||
</h4>
|
||||
{% if learning_path.certificate_completed? %}
|
||||
<time
|
||||
class="np-learning-path-certificate-issue-date"
|
||||
datetime="{{ learning_path.certificate_issue_date }}"
|
||||
>
|
||||
{{ learning_path.certificate_issue_date | date: "%B %d, %Y" }}
|
||||
</time>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
<div class="np-learning-path-completed-banner np-learning-path-banner">
|
||||
<img class="np-learning-path-banner-image" src="https://s3.amazonaws.com/static.northpass.com/images/stars-completed.svg"/>
|
||||
<div class="np-learning-path-banner-content">
|
||||
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
|
||||
<p class="np-learning-path-banner-description">{% t .description %}</p>
|
||||
<div class="np-learning-path-banner-actions">
|
||||
{% if learning_path.certificate_link %}
|
||||
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--primary">{% t .actions.certificate %}</a>
|
||||
{% endif %}
|
||||
<a href="/app/courses" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.more_courses %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,56 +0,0 @@
|
||||
{% if learning_path.enrolled? and course.unlocked? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-outline-item np-card-container"
|
||||
href="{% route learning_path_course, learning_path_id: learning_path.id, id: course.id %}"
|
||||
>
|
||||
<div class="np-card-content np-card-padding">
|
||||
<img
|
||||
src="{{ item.image }}"
|
||||
alt="{{ course.name }}"
|
||||
class="np-learning-path-outline-course-image"
|
||||
>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
{% if course.instructors %}
|
||||
<div class="np-learning-path-outline-caption">
|
||||
{{ course.instructors }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-learning-path-outline-progress
|
||||
{% if course.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
">
|
||||
{% t shared.progress, count: course.progress %}
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
|
||||
{% if course.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-outline-item np-learning-path-outline-inactive-item np-card-container">
|
||||
<div class="np-card-content np-card-padding">
|
||||
<img
|
||||
src="{{ item.image }}"
|
||||
alt="{{ course.name }}"
|
||||
class="np-learning-path-outline-course-image"
|
||||
>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">
|
||||
{{ course.name }}
|
||||
</div>
|
||||
</div>
|
||||
{% if course.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,6 +0,0 @@
|
||||
<h3 class="np-card-heading">
|
||||
{% t .about %}
|
||||
</h3>
|
||||
<div class="np-card-text">
|
||||
{{ learning_path.description }}
|
||||
</div>
|
||||
@ -1,21 +0,0 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-6">
|
||||
<div class="np-card-container">
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-card-padding-dynamic">
|
||||
{% include "learning_path_description" %}
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-6 np-grid-spacing">
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,12 +0,0 @@
|
||||
<div class="np-resource-header np-resource-header-card np-card-padding-large">
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% t shared.learning_path.title %}
|
||||
<i class="far fa-road np-button-color np-learning-path-icon"></i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
<a href="{% route home %}" class="np-back-button" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-icon-back"></i>
|
||||
</a>
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,2 +0,0 @@
|
||||
{% include "learning_path_desktop_header" %}
|
||||
{% include "learning_path_desktop_content" %}
|
||||
@ -1,26 +0,0 @@
|
||||
{% if learning_path.instructors.any? %}
|
||||
<div class="np-card-content-divider">
|
||||
<h3 class="np-card-heading">
|
||||
{% t shared.instructors %}
|
||||
</h3>
|
||||
<div class="np-content-instructors-content row">
|
||||
{% for instructor in learning_path.instructors %}
|
||||
<div class="np-content-instructors-content-item col-xs-12 col-lg">
|
||||
<img
|
||||
src="{{ instructor.avatar_url }}"
|
||||
class="np-content-instructors-content-image"
|
||||
alt="{{ instructor.name }}"
|
||||
>
|
||||
<div class="np-content-instructors-content-description">
|
||||
<div class="np-content-instructors-content-name">
|
||||
{{ instructor.name }}
|
||||
</div>
|
||||
<div class="np-content-instructors-content-info np-text-light">
|
||||
{{ instructor.title }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,19 +0,0 @@
|
||||
{% if learning_path.in_progress? %}
|
||||
{% include "learning_path_outline" %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_description" %}
|
||||
</div>
|
||||
<div class="np-card-spacing">
|
||||
{% include "learning_path_outline" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if learning_path.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "learning_path_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,17 +0,0 @@
|
||||
<div class="np-resource-header np-card-padding-vertical">
|
||||
<div class="np-top-vocabulary np-text-title">
|
||||
{% t shared.learning_path.title %}
|
||||
<i class="far fa-road np-button-color np-learning-path-icon"></i>
|
||||
</div>
|
||||
<div class="np-top-title">
|
||||
{{ learning_path.name }}
|
||||
</div>
|
||||
<img
|
||||
src="{{ learning_path.image_url }}"
|
||||
class="np-top-image"
|
||||
alt="{{ learning_path.name }}"
|
||||
/>
|
||||
<div class="np-top-cta">
|
||||
{% include "learning_path_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,2 +0,0 @@
|
||||
{% include "learning_path_mobile_header" %}
|
||||
{% include "learning_path_mobile_content" %}
|
||||
@ -1,12 +0,0 @@
|
||||
<div class="np-learning-path-new-content-banner np-learning-path-banner">
|
||||
<div class="np-learning-path-banner-content">
|
||||
<h3 class="np-learning-path-banner-headline">{% t .headline %}</h3>
|
||||
<p class="np-learning-path-banner-description">{% t .description %}</p>
|
||||
<div class="np-learning-path-banner-actions">
|
||||
{% learning_path_next_step_button learning_path, class: "np-learning-path-banner-action np-learning-path-banner-action--primary" %}
|
||||
{% if learning_path.certificate_link %}
|
||||
<a href="{{ learning_path.certificate_link }}" class="np-learning-path-banner-action np-learning-path-banner-action--secondary">{% t .actions.view_certificate %}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,10 +0,0 @@
|
||||
<div class="np-learning-path-outline">
|
||||
{% for item in learning_path.items %}
|
||||
{% if item.course? %}
|
||||
{% include "learning_path_course", course: item %}
|
||||
{% elsif item.training_event? %}
|
||||
{% include "learning_path_training_session", training_session: item %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% include "learning_path_certificate" %}
|
||||
</div>
|
||||
@ -1,20 +0,0 @@
|
||||
{% if learning_path.enrolled? %}
|
||||
<div class="np-top-cta-progress-content">
|
||||
<div class="np-top-cta-progress-title np-text-title">
|
||||
{% t .progress %}
|
||||
</div>
|
||||
<div class="np-progress-bar-container">
|
||||
<div
|
||||
style="width: {{ learning_path.progress }}%"
|
||||
class="np-button-background-color np-card-progress-bar">
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-top-cta-progress-text
|
||||
{% if learning_path.completed? %} np-color-success {% else %} np-button-color {% endif %}
|
||||
">
|
||||
{% t shared.progress, count: learning_path.progress %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% learning_path_next_step_button learning_path, class: "np-top-button np-button-font-color np-button np-button-big" %}
|
||||
@ -1,3 +0,0 @@
|
||||
{% include "learning_path_desktop_header" %}
|
||||
{% include "learning_path_banners" %}
|
||||
{% include "learning_path_desktop_content" %}
|
||||
@ -1,5 +0,0 @@
|
||||
<div class="np-card-padding">
|
||||
{% include "learning_path_banners" %}
|
||||
</div>
|
||||
{% include "learning_path_mobile_header" %}
|
||||
{% include "learning_path_mobile_content" %}
|
||||
@ -1,53 +0,0 @@
|
||||
{% if learning_path.enrolled? and training_session.unlocked? %}
|
||||
<div class="np-learning-path-outline-bar np-hidden-mobile"></div>
|
||||
<a
|
||||
class="np-learning-path-outline-item np-card-container"
|
||||
href="{% route training_session, id: training_session.id %}"
|
||||
>
|
||||
<div class="np-card-content np-card-padding">
|
||||
<div class="np-events-content-date np-button-background-color">
|
||||
<div class="np-events-content-month">
|
||||
{{ training_session.month }}
|
||||
</div>
|
||||
<div class="np-events-content-day">
|
||||
{{ training_session.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
|
||||
<div class="np-learning-path-outline-caption">{{ training_session.instructors }}</div>
|
||||
<div class="np-events-content-time np-learning-path-outline-time np-button-color">
|
||||
{{ training_session.time }} {{ training_session.time_zone }}
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-right np-learning-path-outline-icon"></i>
|
||||
{% if training_session.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
{% else %}
|
||||
<div class="np-learning-path-outline-item np-card-container np-learning-path-outline-inactive-item">
|
||||
<div class="np-card-content np-card-padding">
|
||||
<div class="np-events-content-date np-button-background-color">
|
||||
<div class="np-events-content-month">
|
||||
{{ training_session.month }}
|
||||
</div>
|
||||
<div class="np-events-content-day">
|
||||
{{ training_session.day }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-learning-path-outline-content">
|
||||
<div class="np-learning-path-outline-name np-top-title">{{ training_session.name }}</div>
|
||||
<div class="np-learning-path-outline-caption">{{ training_session.caption }}</div>
|
||||
</div>
|
||||
{% if training_session.optional? %}
|
||||
<div class="np-optional-ribbon">
|
||||
{% t shared.optional %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -1,14 +0,0 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="np-learning-paths-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,40 +0,0 @@
|
||||
{% if messages.alert.size > 0 %}
|
||||
<div class="np-alert np-alert-error">
|
||||
<div class="np-alert-wrapper">
|
||||
{% for message in messages.alert %}
|
||||
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8996 4.08464C15.0527 2.0766 17.9495 2.07661 19.1026 4.08464L29.6813 22.5059C30.8299 24.5059 29.3861 26.9999 27.0798 26.9999H5.92242C3.61611 26.9999 2.17235 24.5059 3.32088 22.5059L13.8996 4.08464ZM16.5015 6.87498C17.33 6.87498 18.0015 7.54656 18.0015 8.37498V16.625C18.0015 17.4534 17.33 18.125 16.5015 18.125C15.6731 18.125 15.0015 17.4534 15.0015 16.625V8.37498C15.0015 7.54656 15.6731 6.87498 16.5015 6.87498ZM18.0015 21.5C18.0015 20.6716 17.33 20 16.5015 20C15.6731 20 15.0015 20.6716 15.0015 21.5V22.5C15.0015 23.3284 15.6731 24 16.5015 24C17.33 24 18.0015 23.3284 18.0015 22.5V21.5Z" fill="#FF5550"/>
|
||||
</svg>
|
||||
<div>{{ message }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if messages.notice.size > 0 %}
|
||||
<div class="np-alert np-alert-success">
|
||||
<div class="np-alert-wrapper">
|
||||
{% for message in messages.notice %}
|
||||
<div>{{ message }}</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.np-alert-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
.np-alert-error {
|
||||
background: #FFE7E6;
|
||||
color: var(--black-digital);
|
||||
}
|
||||
.np-alert {
|
||||
min-height: unset;
|
||||
padding: 20px 0;
|
||||
font-size: unset;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -1,136 +0,0 @@
|
||||
<div class="modal-popup-wrapper modal-popup-expanded np-hidden-mobile np-hidden">
|
||||
<div class="modal-popup">
|
||||
<div class="modal-popup-header">
|
||||
<div class="modal-popup-icon-wrapper">
|
||||
<div class="modal-popup-icon">
|
||||
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.1193 24.8906L16.4583 27.2297C16.8675 27.639 17.5037 27.6663 17.8792 27.2907L18.0793 27.0906C20.1886 24.9812 21.0322 21.8761 20.3355 18.7868M6.0897 16.8604L3.77117 14.5417C3.3629 14.1334 3.33441 13.4999 3.70754 13.1268L3.8361 12.9982C5.97567 10.8585 9.12999 10.0074 12.2716 10.7223M7.03593 21.5022L4.73261 19.1987C4.47382 18.9399 4.48036 18.5138 4.74722 18.2469L12.3703 10.6233C16.2888 6.70453 21.3717 4.17812 26.8013 3.45059C27.242 3.39154 27.6092 3.7588 27.5502 4.19951C26.8227 9.62947 24.2965 14.7128 20.378 18.6316L12.7549 26.2552C12.4881 26.522 12.0619 26.5286 11.8031 26.2698L9.49983 23.9663M19.3554 8.5658C18.505 9.41635 18.505 10.7954 19.3554 11.6459C20.2059 12.4965 21.5848 12.4964 22.4353 11.6459C23.2858 10.7954 23.2858 9.41635 22.4353 8.5658C21.5848 7.71526 20.2059 7.71526 19.3554 8.5658ZM6.41965 24.5826C7.10004 25.2631 8.20317 25.2631 8.88355 24.5826L11.3475 22.1185C12.0278 21.4381 12.0278 20.3349 11.3475 19.6545C10.6671 18.974 9.56394 18.974 8.88355 19.6545L6.41965 22.1185C5.73926 22.799 5.73926 23.9022 6.41965 24.5826Z" stroke="#017737" stroke-width="1.3"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-popup-title-expanded strong">
|
||||
We’ve upgraded your Pipedrive Learning experience!
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-popup-description body-s">
|
||||
It’s now easy to keep track of what you learn, access guides, and earn badges for completed courses.
|
||||
</div>
|
||||
<button class="button-2 button-medium" data-tf-popup="pMDH88ux" data-tf-opacity="100" data-tf-size="100" data-tf-iframe-props="title=PD Learn welcome banner feedback" data-tf-transitive-search-params data-tf-medium="snippet">
|
||||
Let us know what you think
|
||||
</button>
|
||||
<div class="modal-popup-close" onclick="toggleModal(true)">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1.70723 0.292893C1.31671 -0.097631 0.683542 -0.097631 0.293018 0.292893C-0.0975066 0.683417 -0.0975066 1.31658 0.293018 1.70711L5.58585 6.99994L0.292893 12.2929C-0.097631 12.6834 -0.097631 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7.00006 8.41415L12.293 13.7071C12.6835 14.0976 13.3167 14.0976 13.7072 13.7071C14.0977 13.3166 14.0977 12.6834 13.7072 12.2929L8.41428 6.99994L13.7071 1.70712C14.0976 1.3166 14.0976 0.683433 13.7071 0.292908C13.3166 -0.0976163 12.6834 -0.0976163 12.2929 0.292908L7.00006 5.58572L1.70723 0.292893Z" fill="#656E7A"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-popup-wrapper modal-popup-hidden np-hidden-mobile" onclick="toggleModal(false)">
|
||||
<div class="modal-popup">
|
||||
<div class="modal-popup-header">
|
||||
<div class="modal-popup-icon-wrapper">
|
||||
<div class="modal-popup-icon">
|
||||
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14.1193 24.8906L16.4583 27.2297C16.8675 27.639 17.5037 27.6663 17.8792 27.2907L18.0793 27.0906C20.1886 24.9812 21.0322 21.8761 20.3355 18.7868M6.0897 16.8604L3.77117 14.5417C3.3629 14.1334 3.33441 13.4999 3.70754 13.1268L3.8361 12.9982C5.97567 10.8585 9.12999 10.0074 12.2716 10.7223M7.03593 21.5022L4.73261 19.1987C4.47382 18.9399 4.48036 18.5138 4.74722 18.2469L12.3703 10.6233C16.2888 6.70453 21.3717 4.17812 26.8013 3.45059C27.242 3.39154 27.6092 3.7588 27.5502 4.19951C26.8227 9.62947 24.2965 14.7128 20.378 18.6316L12.7549 26.2552C12.4881 26.522 12.0619 26.5286 11.8031 26.2698L9.49983 23.9663M19.3554 8.5658C18.505 9.41635 18.505 10.7954 19.3554 11.6459C20.2059 12.4965 21.5848 12.4964 22.4353 11.6459C23.2858 10.7954 23.2858 9.41635 22.4353 8.5658C21.5848 7.71526 20.2059 7.71526 19.3554 8.5658ZM6.41965 24.5826C7.10004 25.2631 8.20317 25.2631 8.88355 24.5826L11.3475 22.1185C12.0278 21.4381 12.0278 20.3349 11.3475 19.6545C10.6671 18.974 9.56394 18.974 8.88355 19.6545L6.41965 22.1185C5.73926 22.799 5.73926 23.9022 6.41965 24.5826Z" stroke="#017737" stroke-width="1.3"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-popup-title-hidden">
|
||||
Give us feedback
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-popup-expand">
|
||||
<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7 2.52036L12.2066 7.69423C12.6168 8.10192 13.282 8.10192 13.6923 7.69423C14.1026 7.28654 14.1026 6.62553 13.6923 6.21784L7.74286 0.305771C7.33259 -0.101924 6.66741 -0.101924 6.25714 0.305771L0.307703 6.21784C-0.102568 6.62553 -0.102568 7.28654 0.307703 7.69423C0.717974 8.10192 1.38315 8.10192 1.79342 7.69423L7 2.52036Z" fill="#192435"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="//embed.typeform.com/next/embed.js"></script>
|
||||
|
||||
<style>
|
||||
.modal-popup-wrapper {
|
||||
position: fixed;
|
||||
padding: 20px;
|
||||
border: 1px solid #E1E1FF;
|
||||
border-radius: 4px;
|
||||
background: #F7F7FE;
|
||||
bottom: 40px;
|
||||
right: 40px;
|
||||
width: 335px;
|
||||
z-index: 100;
|
||||
}
|
||||
.modal-popup {
|
||||
position: relative;
|
||||
}
|
||||
.modal-popup-close {
|
||||
position: absolute;
|
||||
right: -5px;
|
||||
top: -5px;
|
||||
line-height: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.modal-popup-header {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
.modal-popup-icon {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
border-radius: 50%;
|
||||
background: var(--green-light);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.modal-popup-description {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.modal-popup-expand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 1px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.modal-popup-hidden {
|
||||
cursor: pointer;
|
||||
}
|
||||
.modal-popup-hidden .modal-popup {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.modal-popup-expanded .modal-popup-header {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.modal-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
document.querySelector('.modal-popup-expanded').classList.add('np-hidden');
|
||||
document.querySelector('.modal-popup-hidden').classList.remove('np-hidden');
|
||||
});
|
||||
|
||||
document.onscroll = function() {
|
||||
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight - 100) {
|
||||
document.querySelectorAll('.modal-popup-wrapper').forEach(x => {x.classList.add('modal-hidden')});
|
||||
}else{
|
||||
document.querySelectorAll('.modal-popup-wrapper').forEach(x => {x.classList.remove('modal-hidden')});
|
||||
}
|
||||
}
|
||||
|
||||
function toggleModal(want_to_hide) {
|
||||
document.querySelector('.modal-popup-hidden').classList.toggle('np-hidden');
|
||||
document.querySelector('.modal-popup-expanded').classList.toggle('np-hidden');
|
||||
if (want_to_hide) {
|
||||
window.sessionStorage.pipedrive_popup_hide = 'true'
|
||||
} else {
|
||||
window.sessionStorage.pipedrive_popup_hide = ''
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,156 +0,0 @@
|
||||
{% capture quotes_svg %}
|
||||
<svg class="opinion-quotes" width="26" height="23" viewBox="0 0 26 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24 10C23.6818 11.3796 23.346 12.8476 22.9924 14.4041C22.6742 15.9605 22.3737 17.4816 22.0909 18.9673C21.8081 20.4177 21.5783 21.7619 21.4015 23L14.1364 23L13.7652 22.4163C14.0833 21.1429 14.4899 19.7986 14.9848 18.3837C15.4798 16.9687 16.0101 15.5361 16.5758 14.0857C17.1768 12.6354 17.7601 11.2735 18.3258 10L24 10ZM12.2348 10C11.9167 11.3796 11.5808 12.8476 11.2273 14.4041C10.9091 15.9605 10.6086 17.4816 10.3258 18.9673C10.0429 20.4177 9.81313 21.7619 9.63636 23L2.37121 23L2 22.4163C2.31818 21.1429 2.72475 19.7986 3.2197 18.3837C3.71465 16.9687 4.24495 15.5361 4.81061 14.0857C5.41162 12.6354 5.99495 11.2735 6.56061 10L12.2348 10Z" fill="var(--green)"/>
|
||||
</svg>
|
||||
{% endcapture %}
|
||||
<div class="opinions-wrapper" style="background: {{background}};">
|
||||
<div class="opinions container width-limit">
|
||||
<h2 class="opinions-title strong">
|
||||
<span class="lang-en">Trusted by over 100,000 sales teams around the world</span>
|
||||
<span class="lang-de">Mehr als 100.000 Vertriebsteams weltweit vertrauen Pipedrive!</span>
|
||||
<span class="lang-es">Tenemos la confianza de más de 100,000 equipos de ventas en todo el mundo</span>
|
||||
<span class="lang-fr">Le CRM de référence pour plus de 100 000 équipes dans le monde</span>
|
||||
<span class="lang-br">Mais de 100 000 equipes de vendas em todo o mundo confiam em nós</span>
|
||||
</h2>
|
||||
<div class="opinions-list row">
|
||||
<div class="opinion-card col-12 col-md-4">
|
||||
<div class="opinion-text">
|
||||
{{ quotes_svg }}
|
||||
<span class="lang-en">It has made our sales department more effective and efficient. It’s easy to use and it’s constantly updated. It’s easy to use and it’s constantly updated.</span>
|
||||
<span class="lang-de">Unsere Vertriebsabteilung ist nun effektiver und effizienter. Pipedrive ist benutzerfreundlich und wird regelmäßig aktualisiert.</span>
|
||||
<span class="lang-es">Ha hecho que nuestro departamento de ventas sea más eficaz y eficiente. Es fácil de usar y se actualiza constantemente. Es fácil de usar y se actualiza constantemente</span>
|
||||
<span class="lang-fr">Avec Pipedrive, nos équipes commerciales ont gagné en efficacité et en productivité. L’outil est facile à utiliser et constamment mis à jour.</span>
|
||||
<span class="lang-br">Nosso departamento de vendas se tornou muito mais eficiente. O Pipedrive é muito fácil de usar e é atualizado constantemente.</span>
|
||||
</div>
|
||||
<div class="opinion-person">
|
||||
<div class="opinion-person-image-wrapper">
|
||||
<img class="opinion-person-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/opinions-1.webp">
|
||||
</div>
|
||||
<div class="body-s opinion-person-info">
|
||||
<div class="opinion-person-info-name">
|
||||
Ana Rinck
|
||||
</div>
|
||||
<div class="opinion-person-info-title">
|
||||
<span class="lang-en">Operations Manager</span>
|
||||
<span class="lang-de">Betriebsleiter</span>
|
||||
<span class="lang-es">Director de operaciones</span>
|
||||
<span class="lang-fr">Responsable des opérations</span>
|
||||
<span class="lang-br">Gerente de operações</span>
|
||||
<span>, BAKERpedia</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="opinion-card col-12 col-md-4">
|
||||
<div class="opinion-text">
|
||||
{{ quotes_svg }}
|
||||
<span class="lang-en">Easy to use, reasonably priced, and ensures I don’t drop the ball on following up with my leads!</span>
|
||||
<span class="lang-de">Benutzerfreundlichkeit, angemessener Preis und es sorgt dafür, dass ich bei meinen Leads am Ball bleibe.</span>
|
||||
<span class="lang-es">¡Fácil de usar, a un precio razonable y me asegura que no perderé la oportunidad de darle seguimiento a mis prospectos!</span>
|
||||
<span class="lang-fr">Facile à prendre en main, bon marché, avec ce logiciel CRM, je suis sûre de ne jamais oublier une seule relance avec mes prospects !</span>
|
||||
<span class="lang-br">Fácil de usar, preço justo e garante que eu nunca me esqueça de fazer o follow up com os leads!</span>
|
||||
</div>
|
||||
<div class="opinion-person">
|
||||
<div class="opinion-person-image-wrapper">
|
||||
<img class="opinion-person-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/opinions-2.webp">
|
||||
</div>
|
||||
<div class="body-s opinion-person-info">
|
||||
<div class="opinion-person-info-name">
|
||||
Christine Luken
|
||||
</div>
|
||||
<div class="opinion-person-info-title">
|
||||
<span class="lang-en">Author and Speaker</span>
|
||||
<span class="lang-de">Autor und Redner</span>
|
||||
<span class="lang-es">Autor y conferenciante</span>
|
||||
<span class="lang-fr">Auteur(e) et conférencier(e)</span>
|
||||
<span class="lang-br">Autor(a) e palestrante</span>
|
||||
<span>, Financial Lifeguard</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="opinion-card col-12 col-md-4">
|
||||
<div class="opinion-text">
|
||||
{{ quotes_svg }}
|
||||
<span class="lang-en">The best thing we love about Pipedrive is it does two-way sync with Google Apps. It has helped us to better organise and keep everything on track.</span>
|
||||
<span class="lang-de">Was wir an Pipedrive am meisten lieben, ist die 2-Wege-Synchronisation mit Google Apps. Dadurch können wir uns besser organisieren und den Überblick behalten.</span>
|
||||
<span class="lang-es">Lo que más nos encanta de Pipedrive es que se sincroniza bidireccionalmente con Google Apps. Nos ha ayudado a organizarnos mejor y a mantener todo en orden.</span>
|
||||
<span class="lang-fr">Ce que Pipedrive fait de mieux à notre avis, c’est la synchronisation bidirectionnelle avec les applis Google. Cela nous a permis de mieux nous organiser et de tenir notre feuille de route.</span>
|
||||
<span class="lang-br">A coisa que mais gostamos no Pipedrive é a sincronização bilateral com os aplicativos do Google. Isso nos ajudou na organização e no ritmo de trabalho.</span>
|
||||
</div>
|
||||
<div class="opinion-person">
|
||||
<div class="opinion-person-image-wrapper">
|
||||
<div class="opinion-person-image-wrapper">
|
||||
<img class="opinion-person-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/opinions-3.webp">
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-s opinion-person-info">
|
||||
<div class="opinion-person-info-name">
|
||||
Nirmal Gyanwali
|
||||
</div>
|
||||
<div class="opinion-person-info-title">
|
||||
<span class="lang-en">Managing Director</span>
|
||||
<span class="lang-de">Managing Director</span>
|
||||
<span class="lang-es">Director general</span>
|
||||
<span class="lang-fr">Directeu(rice) général(e)</span>
|
||||
<span class="lang-br">Diretor(a) administrativo(a)</span>
|
||||
<span>, Nirmal Web Studio</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.opinions-wrapper {
|
||||
padding: 60px 0 20px;
|
||||
}
|
||||
.opinions-title {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.opinions-list {
|
||||
margin: auto;
|
||||
}
|
||||
.opinion-card {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.opinion-text {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.opinion-person {
|
||||
display: flex;
|
||||
}
|
||||
.opinion-person-info {
|
||||
align-self: center;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.opinion-person-image {
|
||||
border-radius: 50%;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
.opinion-person-info-name {
|
||||
font-weight: 700;
|
||||
}
|
||||
.opinion-person-info-title {
|
||||
display: flex;
|
||||
}
|
||||
.opinion-person-info-title > span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.opinions-wrapper {
|
||||
padding: 80px 0;
|
||||
}
|
||||
.opinions-title {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.opinion-card {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,48 +0,0 @@
|
||||
<main class="np-main np-account">
|
||||
<div class="np-flex np-flex-center width-limit">
|
||||
<form class="np-form" method="post" id="name-form" novalidate>
|
||||
<div class="np-card">
|
||||
<div class="container">
|
||||
<h2 class="account-form-title">
|
||||
<span class="lang-en">Please fill out your name</span>
|
||||
<span class="lang-de">Bitte geben Sie Ihren Namen an</span>
|
||||
<span class="lang-es">Por favor escribe tu nombre</span>
|
||||
<span class="lang-fr">Veuillez indiquer votre nom</span>
|
||||
<span class="lang-br">Seu nome</span>
|
||||
</h2>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 np-account-form">
|
||||
<div class="np-form-field">
|
||||
<label class="account-label" for="first-name">
|
||||
<span class="lang-en">First name</span>
|
||||
<span class="lang-de">Vorname</span>
|
||||
<span class="lang-es">Nombre de pila</span>
|
||||
<span class="lang-fr">Prénom</span>
|
||||
<span class="lang-br">Nome</span> *
|
||||
</label>
|
||||
<input class="np-input" id="first-name" autocomplete="off">
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="account-label" for="last-name">
|
||||
<span class="lang-en">Last name</span>
|
||||
<span class="lang-de">Nachname</span>
|
||||
<span class="lang-es">Apellidos</span>
|
||||
<span class="lang-fr">Nom de famille</span>
|
||||
<span class="lang-br">Sobrenome</span> *
|
||||
</label>
|
||||
<input class="np-input" id="last-name" autocomplete="off">
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
<span class="lang-en">Save</span>
|
||||
<span class="lang-de">Speichern</span>
|
||||
<span class="lang-es">Guardar</span>
|
||||
<span class="lang-fr">Sauvegarder</span>
|
||||
<span class="lang-br">Salvar</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
@ -1,51 +0,0 @@
|
||||
{% include "header" %}
|
||||
|
||||
<main class="np-main np-account">
|
||||
<div class="np-flex np-flex-center width-limit">
|
||||
<form class="np-form" method="post" id="name-form" novalidate>
|
||||
<div class="np-card">
|
||||
<div class="container">
|
||||
<h1 class="account-form-title">
|
||||
<span class="lang-en">My profile</span>
|
||||
<span class="lang-de">Mein Profil</span>
|
||||
<span class="lang-es">Mi perfil</span>
|
||||
<span class="lang-fr">Mon profil</span>
|
||||
<span class="lang-br">Meu perfil</span>
|
||||
</h1>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 np-account-form">
|
||||
<div class="np-form-field">
|
||||
<label class="account-label" for="first-name">
|
||||
<span class="lang-en">First name</span>
|
||||
<span class="lang-de">Vorname</span>
|
||||
<span class="lang-es">Nombre de pila</span>
|
||||
<span class="lang-fr">Prénom</span>
|
||||
<span class="lang-br">Nome</span> *
|
||||
</label>
|
||||
<input class="np-input" id="first-name" autocomplete="off">
|
||||
</div>
|
||||
<div class="np-form-field">
|
||||
<label class="account-label" for="last-name">
|
||||
<span class="lang-en">Last name</span>
|
||||
<span class="lang-de">Nachname</span>
|
||||
<span class="lang-es">Apellidos</span>
|
||||
<span class="lang-fr">Nom de famille</span>
|
||||
<span class="lang-br">Sobrenome</span> *
|
||||
</label>
|
||||
<input class="np-input" id="last-name" autocomplete="off">
|
||||
</div>
|
||||
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
|
||||
<span class="lang-en">Save profile</span>
|
||||
<span class="lang-de">Profil speichern</span>
|
||||
<span class="lang-es">Guardar perfil</span>
|
||||
<span class="lang-fr">Sauvegarder le profil</span>
|
||||
<span class="lang-br">Salvar perfil</span>
|
||||
</button>
|
||||
{% include "account_deletion" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
@ -1,46 +0,0 @@
|
||||
|
||||
{% if result.type == 'course' %}
|
||||
<div class="course-card-search col-xs-12 col-sm-6 col-lg-4 search-result">
|
||||
<a class="course-card-wrapper" href="{{ result.path }}">
|
||||
<img class="course-card-image" src="{{ result.image_url }}" >
|
||||
<div class="course-card-content">
|
||||
<h5 class="course-card-title result-name">
|
||||
{{ result.name }}
|
||||
</h5>
|
||||
<div class="course-card-description" style="overflow: hidden; text-overflow: ellipsis; -moz-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5;">
|
||||
{{ result.sanitized_description }}
|
||||
</div>
|
||||
<div class="course-card-footer">
|
||||
<div class="course-card-button button-wrapper">
|
||||
<div class="button-2 button-medium">
|
||||
<span class="lang-en">See more</span>
|
||||
<span class="lang-de">Mehr anzeigen</span>
|
||||
<span class="lang-es">Ver más</span>
|
||||
<span class="lang-fr">Voir plus</span>
|
||||
<span class="lang-br">Ver mais</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
{% comment %}
|
||||
The styling below and the additional span is to make the entire div clickable as requested by the client.
|
||||
{% endcomment %}
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.link {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.course-card-search {
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -1,19 +0,0 @@
|
||||
<div class="np-card np-search-zero-state">
|
||||
<div class="np-card-container search-zero-state-card">
|
||||
<div class="np-card-content np-card-content-vertical np-search-zero-state-card">
|
||||
<h3 class="np-search-zero-state-title">
|
||||
{% t .nothing_found %}
|
||||
</h3>
|
||||
<div class="np-search-zero-state-subtitle">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<div class="np-search-zero-state-image"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.search-zero-state-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
</style>
|
||||
@ -1,32 +0,0 @@
|
||||
<script>
|
||||
|
||||
window.onVidyardAPI = (vidyardEmbed) => {
|
||||
vidyardEmbed.api.addReadyListener((_, player) => {
|
||||
const ldTag = setupLdTag();
|
||||
document.head.insertAdjacentHTML('beforeend', ldTag)
|
||||
},)
|
||||
}
|
||||
|
||||
function setupLdTag() {
|
||||
var player = VidyardV4.players[0];
|
||||
var time = player.metadata.length_in_seconds
|
||||
var time_minutes = Math.floor(time / 60)
|
||||
var time_seconds = time % 60
|
||||
var videoUrl = 'https://play.vidyard.com/' + player.uuid
|
||||
|
||||
return `
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org/",
|
||||
"@type": "VideoObject",
|
||||
"name": "{{ course.name }}",
|
||||
"description": "{{ course.short_description }}",
|
||||
"thumbnailUrl": "{{ course.image_url }}",
|
||||
"uploadDate": "{{ course.created_at }}",
|
||||
"duration": "T${time_minutes}M${time_seconds}S",
|
||||
"embedUrl": "${videoUrl}"
|
||||
}
|
||||
<\/script>`
|
||||
}
|
||||
|
||||
</script>
|
||||
@ -1,30 +0,0 @@
|
||||
{% comment %} This is generic code that will make ld+json tag from any FAQ on page {% endcomment %}
|
||||
<script>
|
||||
addEventListener('DOMContentLoaded', () => {
|
||||
let ldTag = `
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [`;
|
||||
document.querySelectorAll('.faq-element').forEach(faq_element => {
|
||||
let question = faq_element.querySelector('.faq-question-text').querySelector('.lang-en').innerHTML.replaceAll('"', '\"');
|
||||
let answer = faq_element.querySelector('.faq-answer').querySelector('.lang-en').innerHTML.replaceAll('"', '\"');
|
||||
let faq_part = `
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "${question.replaceAll('"', '\\"')}",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "${answer.replaceAll('"', '\\"')}"
|
||||
}
|
||||
},`;
|
||||
ldTag = ldTag.concat(faq_part);
|
||||
})
|
||||
ldTag = ldTag.slice(0, -1) + `
|
||||
]
|
||||
}
|
||||
<\/script>`
|
||||
document.head.insertAdjacentHTML('beforeend', ldTag)
|
||||
})
|
||||
</script>
|
||||
@ -1,23 +0,0 @@
|
||||
<script>
|
||||
const ldTag = `
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org/",
|
||||
"@type": "EducationalOrganization",
|
||||
"name": "Pipedrive Learn",
|
||||
"url": "${window.location.origin}",
|
||||
"logo": {
|
||||
"@type": "ImageObject",
|
||||
"contentUrl": "https://s3.amazonaws.com/static.northpass.com/pipedrive/learn_logo.png"
|
||||
},
|
||||
"parentOrganization": {
|
||||
"@type": "Organization",
|
||||
"name": "Pipedrive",
|
||||
"logo": "https://s3.amazonaws.com/static.northpass.com/pipedrive/Pipedrive_Logo_Green.png",
|
||||
"url": "https://www.pipedrive.com"
|
||||
}
|
||||
}
|
||||
<\/script>`
|
||||
document.head.insertAdjacentHTML('beforeend', ldTag)
|
||||
</script>
|
||||
|
||||
@ -1,126 +0,0 @@
|
||||
<div class="login-widget-wrapper np-hidden">
|
||||
<div class="login-widget-background"></div>
|
||||
<div class="login-widget-window">
|
||||
<div class="login-widget">
|
||||
<h3 class="login-widget-title">
|
||||
<span class="lang-en">Learn for free</span>
|
||||
<span class="lang-de">Kostenloses Lernen</span>
|
||||
<span class="lang-es">Aprender gratis</span>
|
||||
<span class="lang-fr">Apprendre gratuitement</span>
|
||||
<span class="lang-br">Aprenda de graça</span>
|
||||
</h3>
|
||||
<div style="display: flex; margin-bottom: 40px;">
|
||||
<a class="button-1 button-large" href="/learners/sign_in">
|
||||
<span class="lang-en">Log in with Pipedrive</span>
|
||||
<span class="lang-de">Mit Pipedrive anmelden</span>
|
||||
<span class="lang-es">Iniciar sesión con Pipedrive</span>
|
||||
<span class="lang-fr">Se connecter avec Pipedrive</span>
|
||||
<span class="lang-br">Faça login com o Pipedrive</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="login-text-wrapper">
|
||||
<div class="login-text-strike"></div>
|
||||
<div class="login-text body-s">
|
||||
<span class="lang-en">Not a Pipedrive user yet?<br>Create a free account and access all our courses and videos</span>
|
||||
<span class="lang-de">Noch kein Pipedrive-Benutzer?<br>Erstellen Sie ein kostenloses Konto und erhalten Sie Zugriff auf alle unsere Kurse und Videos</span>
|
||||
<span class="lang-es">¿Aún no eres usuario de Pipedrive?<br>Crea una cuenta gratuita y accede a todos nuestros cursos y videos</span>
|
||||
<span class="lang-fr">Vous n'utilisez pas encore Pipedrive ?<br>Créez un compte gratuit et accédez à tous nos cours et vidéos</span>
|
||||
<span class="lang-br">Ainda não é usuário do Pipedrive?<br>Crie uma conta gratuita e acesse todos os nossos cursos e vídeos</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex">
|
||||
<a class="button-2 button-large" id="redirect-between-academies" href="https://user-learn.pipedrive.com/sign_up">
|
||||
<span class="lang-en">Create account</span>
|
||||
<span class="lang-de">Konto erstellen</span>
|
||||
<span class="lang-es">Crear cuenta</span>
|
||||
<span class="lang-fr">Créer un compte</span>
|
||||
<span class="lang-br">Criar conta</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.login-widget-wrapper {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.login-widget-background {
|
||||
background: rgba(25, 36, 53, 0.4);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
.login-widget-window {
|
||||
background: #FFFFFF;
|
||||
border: 2px solid #E4E6E9;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 90%;
|
||||
max-width: 600px;
|
||||
z-index: 101;
|
||||
}
|
||||
.login-widget {
|
||||
padding: 40px;
|
||||
}
|
||||
.login-widget-title {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.login-text-wrapper {
|
||||
position: relative;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.login-text {
|
||||
background: white;
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
padding: 0 10px;
|
||||
max-width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
.login-text-strike {
|
||||
border-bottom: 1px solid #E4E6E9;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
z-index: -1;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function toggleSsoWidget() {
|
||||
let widget = document.querySelector('.login-widget-wrapper');
|
||||
widget.classList.toggle('np-hidden');
|
||||
if (widget.classList.contains('np-hidden')) {
|
||||
window.onscroll = function () {};
|
||||
} else {
|
||||
window.onscroll = function () { window.scrollTo(0, 0); };
|
||||
}
|
||||
}
|
||||
|
||||
addEventListener('DOMContentLoaded', () => {
|
||||
document.querySelector('.login-widget-background').addEventListener('click', () => {
|
||||
toggleSsoWidget();
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener('hashchange', () => {
|
||||
if (window.location.hash === '#sso-widget') {
|
||||
toggleSsoWidget();
|
||||
history.replaceState(null, null, ' ');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@ -1,9 +0,0 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% if training_events.enrolled.any? %}
|
||||
{% for training_event in training_events.enrolled %}
|
||||
{% include "cards_training_event" with training_event %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% include "training_events_zero_state" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,53 +0,0 @@
|
||||
<div class="np-filter">
|
||||
<div class="dropdown">
|
||||
<button
|
||||
class="np-button dropdown-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t shared.filters.filter %}
|
||||
</button>
|
||||
|
||||
<div class="dropdown-menu" data-test="modal">
|
||||
<form method="get">
|
||||
<span class="dropdown-label">
|
||||
{% t shared.filters.by_event_type %}
|
||||
</span>
|
||||
<ul class="dropdown-checkboxes">
|
||||
{% for event_type in training_events.filters.event_types %}
|
||||
{% capture label %}
|
||||
{% t shared.event_types, key: event_type.value %}
|
||||
{% endcapture %}
|
||||
<li>
|
||||
{% include "filter_checkbox",
|
||||
label: label,
|
||||
name: event_type.name,
|
||||
value: event_type.value
|
||||
selected: event_type.selected?
|
||||
%}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% capture label %}{% t shared.filters.by_course %}{% endcapture %}
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: training_events.filters.courses,
|
||||
key: "courses_uuid",
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
type="submit"
|
||||
>
|
||||
{% t shared.filters.apply %}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
<div class="np-dashboard-resources">
|
||||
{% if training_events.available.any? %}
|
||||
<div class="row row-with-thumbnails">
|
||||
{% for training_event in training_events.available %}
|
||||
<div class="col-xs-12 col-sm-6 col-lg-4 np-stretch-content">
|
||||
{% include "cards_training_event" with training_event %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% else %}
|
||||
{% include "training_events_zero_state" %}
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,9 +0,0 @@
|
||||
<div class="np-dashboard-resources-container">
|
||||
<div class="np-zero-state-text">
|
||||
{% t .empty %}
|
||||
</div>
|
||||
<img
|
||||
class="np-zero-state-training-events"
|
||||
alt="{% t .empty %}"
|
||||
/>
|
||||
</div>
|
||||
@ -1,52 +0,0 @@
|
||||
<div class="dropdown dropdown-calendar">
|
||||
<button
|
||||
class="np-top-button np-button-font-color np-button np-button-big dropdown-calendar-button"
|
||||
data-toggle-class="is-open"
|
||||
data-toggle-escape
|
||||
data-toggle-outside
|
||||
data-toggle-target-next
|
||||
type="button"
|
||||
>
|
||||
{% t .add_to_calendar %}
|
||||
<i class="fas fa-chevron-down dropdown-calendar-button-chevron"></i>
|
||||
</button>
|
||||
|
||||
<ul class="dropdown-calendar-menu">
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.google_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .google_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.outlook_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .outlook_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.outlook_office_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .office_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
<li class="dropdown-calendar-item">
|
||||
<a
|
||||
class="dropdown-calendar-item-element np-button-background-color-on-hover np-button-font-color-on-hover"
|
||||
href="{{ training_session.ical_calendar_url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{% t .ical_calendar %}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -1,53 +0,0 @@
|
||||
{% if training_session.approved? %}
|
||||
<div class="np-training-session-cta-note">
|
||||
<i class="far fa-check np-training-session-icon"></i>
|
||||
{% t .registered %}
|
||||
</div>
|
||||
{% elsif training_session.pending? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .pending %}
|
||||
</div>
|
||||
{% elsif training_session.denied? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .denied %}
|
||||
</div>
|
||||
{% elsif training_session.too_late? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .too_late %}
|
||||
</div>
|
||||
{% elsif training_session.no_seats? %}
|
||||
<div class="np-training-session-cta-note np-training-session-cta-note-error">
|
||||
{% t .no_seats %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-training-session-cta">
|
||||
<div class="np-training-session-cta-buttons">
|
||||
<form
|
||||
action="{% route training_session_registration, id: training_session.id %}"
|
||||
method="post"
|
||||
>
|
||||
{% form_authenticity_token %}
|
||||
|
||||
{% if training_session.internal? and training_session.approved? %}
|
||||
{% if features.training_events_google_calendar? %}
|
||||
{% include "training_session_calendars" %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big np-button-secondary">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% else %}
|
||||
<button type="submit" class="np-top-button np-button-font-color np-button np-button-big">
|
||||
{% t .unregister %}
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
<input type="hidden" name="_method" value="delete" />
|
||||
{% endif %}
|
||||
|
||||
{% if training_session.not_registered? %}
|
||||
<button type="submit" class="np-top-button np-button np-button-big">
|
||||
{% t .register %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user