Files
Gainsight/Custom_Templates/customer_templates/BuilderTrend External/_sub_navigation.html.liquid
2025-03-06 19:27:45 -05:00

93 lines
13 KiB
Plaintext

<nav class="np-sub-navigation">
<div class="np-sub-navigation-content">
<div class=" np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M30 26.0003H28V17.0003L28.2925 17.2928C28.4805 17.4805 28.7353 17.5857 29.0009 17.5855C29.2665 17.5853 29.5211 17.4795 29.7087 17.2916C29.8964 17.1036 30.0017 16.8488 30.0014 16.5832C30.0012 16.3176 29.8955 16.063 29.7075 15.8753L17.4137 3.58532C17.0387 3.21053 16.5302 3 16 3C15.4698 3 14.9613 3.21053 14.5863 3.58532L2.2925 15.8753C2.10503 16.063 1.99977 16.3174 1.99989 16.5826C2 16.8479 2.10548 17.1022 2.29312 17.2897C2.48077 17.4772 2.7352 17.5824 3.00044 17.5823C3.26569 17.5822 3.52003 17.4767 3.7075 17.2891L4 17.0003V26.0003H2C1.73478 26.0003 1.48043 26.1057 1.29289 26.2932C1.10536 26.4808 1 26.7351 1 27.0003C1 27.2655 1.10536 27.5199 1.29289 27.7074C1.48043 27.895 1.73478 28.0003 2 28.0003H30C30.2652 28.0003 30.5196 27.895 30.7071 27.7074C30.8946 27.5199 31 27.2655 31 27.0003C31 26.7351 30.8946 26.4808 30.7071 26.2932C30.5196 26.1057 30.2652 26.0003 30 26.0003ZM6 15.0003L16 5.00032L26 15.0003V26.0003H20V19.0003C20 18.7351 19.8946 18.4808 19.7071 18.2932C19.5196 18.1057 19.2652 18.0003 19 18.0003H13C12.7348 18.0003 12.4804 18.1057 12.2929 18.2932C12.1054 18.4808 12 18.7351 12 19.0003V26.0003H6V15.0003ZM18 26.0003H14V20.0003H18V26.0003Z" fill="#666D7C"/>
</svg>
Home
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class=" np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/catalog">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M31.4701 11.1173L16.4701 3.11733C16.3254 3.04029 16.164 3 16.0001 3C15.8361 3 15.6747 3.04029 15.5301 3.11733L0.530054 11.1173C0.370059 11.2026 0.236255 11.3298 0.142954 11.4852C0.0496529 11.6407 0.000366211 11.8185 0.000366211 11.9998C0.000366211 12.1811 0.0496529 12.359 0.142954 12.5145C0.236255 12.6699 0.370059 12.7971 0.530054 12.8823L4.00005 14.7336V20.7861C3.99901 21.2773 4.17979 21.7515 4.50755 22.1173C6.14505 23.9411 9.8138 26.9998 16.0001 26.9998C18.0512 27.0168 20.0871 26.6453 22.0001 25.9048V29.9998C22.0001 30.2651 22.1054 30.5194 22.2929 30.7069C22.4805 30.8945 22.7348 30.9998 23.0001 30.9998C23.2653 30.9998 23.5196 30.8945 23.7072 30.7069C23.8947 30.5194 24.0001 30.2651 24.0001 29.9998V24.9386C25.3041 24.1858 26.4824 23.2339 27.4926 22.1173C27.8203 21.7515 28.0011 21.2773 28.0001 20.7861V14.7336L31.4701 12.8823C31.63 12.7971 31.7639 12.6699 31.8572 12.5145C31.9505 12.359 31.9997 12.1811 31.9997 11.9998C31.9997 11.8185 31.9505 11.6407 31.8572 11.4852C31.7639 11.3298 31.63 11.2026 31.4701 11.1173ZM16.0001 24.9998C10.5913 24.9998 7.41005 22.3573 6.00005 20.7861V15.7998L15.5301 20.8823C15.6747 20.9594 15.8361 20.9997 16.0001 20.9997C16.164 20.9997 16.3254 20.9594 16.4701 20.8823L22.0001 17.9336V23.7261C20.4251 24.4611 18.4401 24.9998 16.0001 24.9998ZM26.0001 20.7811C25.4006 21.4463 24.7299 22.0436 24.0001 22.5623V16.8661L26.0001 15.7998V20.7811ZM23.5001 14.8673L23.4726 14.8511L16.4726 11.1173C16.239 10.998 15.9679 10.9753 15.7178 11.0539C15.4676 11.1326 15.2583 11.3064 15.1351 11.5378C15.0118 11.7693 14.9844 12.0399 15.0587 12.2914C15.1331 12.5429 15.3032 12.7551 15.5326 12.8823L21.3751 15.9998L16.0001 18.8661L3.12505 11.9998L16.0001 5.13358L28.8751 11.9998L23.5001 14.8673Z" fill="#666D7C"/>
</svg>
Courses
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class=" np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/learning_paths">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M29.4901 24.875C29.3752 24.9397 29.2488 24.9811 29.1179 24.9968C28.987 25.0125 28.8543 25.0021 28.7275 24.9663C28.6006 24.9306 28.4821 24.8701 28.3787 24.7883C28.2753 24.7066 28.1891 24.6052 28.1251 24.49L19.4151 9H17.0001V10C17.0001 10.2652 16.8947 10.5196 16.7072 10.7071C16.5196 10.8946 16.2653 11 16.0001 11C15.7348 11 15.4805 10.8946 15.2929 10.7071C15.1054 10.5196 15.0001 10.2652 15.0001 10V9H12.5851L3.87505 24.49C3.7451 24.7221 3.52828 24.893 3.27229 24.9652C3.0163 25.0374 2.74212 25.005 2.51005 24.875C2.27799 24.745 2.10705 24.5282 2.03485 24.2722C1.96265 24.0162 1.9951 23.7421 2.12505 23.51L10.2901 9H3.00005C2.73484 9 2.48048 8.89464 2.29295 8.70711C2.10541 8.51957 2.00005 8.26522 2.00005 8C2.00005 7.73478 2.10541 7.48043 2.29295 7.29289C2.48048 7.10536 2.73484 7 3.00005 7H29.0001C29.2653 7 29.5196 7.10536 29.7072 7.29289C29.8947 7.48043 30.0001 7.73478 30.0001 8C30.0001 8.26522 29.8947 8.51957 29.7072 8.70711C29.5196 8.89464 29.2653 9 29.0001 9H21.7101L29.8751 23.51C29.9398 23.6248 29.9812 23.7513 29.9969 23.8822C30.0125 24.013 30.0022 24.1457 29.9664 24.2726C29.9306 24.3994 29.8701 24.5179 29.7884 24.6213C29.7066 24.7247 29.6052 24.8109 29.4901 24.875ZM16.0001 14C15.7348 14 15.4805 14.1054 15.2929 14.2929C15.1054 14.4804 15.0001 14.7348 15.0001 15V17C15.0001 17.2652 15.1054 17.5196 15.2929 17.7071C15.4805 17.8946 15.7348 18 16.0001 18C16.2653 18 16.5196 17.8946 16.7072 17.7071C16.8947 17.5196 17.0001 17.2652 17.0001 17V15C17.0001 14.7348 16.8947 14.4804 16.7072 14.2929C16.5196 14.1054 16.2653 14 16.0001 14ZM16.0001 21C15.7348 21 15.4805 21.1054 15.2929 21.2929C15.1054 21.4804 15.0001 21.7348 15.0001 22V24C15.0001 24.2652 15.1054 24.5196 15.2929 24.7071C15.4805 24.8946 15.7348 25 16.0001 25C16.2653 25 16.5196 24.8946 16.7072 24.7071C16.8947 24.5196 17.0001 24.2652 17.0001 24V22C17.0001 21.7348 16.8947 21.4804 16.7072 21.2929C16.5196 21.1054 16.2653 21 16.0001 21Z" fill="#666D7C"/>
</svg>
Learning Paths
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class=" np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/certifications">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M16 17C16 17.2652 15.8946 17.5196 15.7071 17.7071C15.5196 17.8946 15.2652 18 15 18H9C8.73478 18 8.48043 17.8946 8.29289 17.7071C8.10536 17.5196 8 17.2652 8 17C8 16.7348 8.10536 16.4804 8.29289 16.2929C8.48043 16.1054 8.73478 16 9 16H15C15.2652 16 15.5196 16.1054 15.7071 16.2929C15.8946 16.4804 16 16.7348 16 17ZM15 12H9C8.73478 12 8.48043 12.1054 8.29289 12.2929C8.10536 12.4804 8 12.7348 8 13C8 13.2652 8.10536 13.5196 8.29289 13.7071C8.48043 13.8946 8.73478 14 9 14H15C15.2652 14 15.5196 13.8946 15.7071 13.7071C15.8946 13.5196 16 13.2652 16 13C16 12.7348 15.8946 12.4804 15.7071 12.2929C15.5196 12.1054 15.2652 12 15 12ZM29 20.1838V28C29.0016 28.1763 28.9565 28.3499 28.8694 28.5032C28.7823 28.6564 28.6562 28.7839 28.5039 28.8728C28.3516 28.9616 28.1786 29.0086 28.0023 29.009C27.826 29.0094 27.6527 28.9632 27.5 28.875L24.5 27.1575L21.5 28.875C21.3473 28.9632 21.174 29.0094 20.9977 29.009C20.8214 29.0086 20.6484 28.9616 20.4961 28.8728C20.3438 28.7839 20.2177 28.6564 20.1306 28.5032C20.0435 28.3499 19.9984 28.1763 20 28V25H5C4.46957 25 3.96086 24.7893 3.58579 24.4142C3.21071 24.0391 3 23.5304 3 23V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H27C27.5304 5 28.0391 5.21071 28.4142 5.58579C28.7893 5.96086 29 6.46957 29 7V10.8162C29.6321 11.4216 30.1352 12.1487 30.4789 12.9536C30.8225 13.7586 30.9997 14.6248 30.9997 15.5C30.9997 16.3752 30.8225 17.2414 30.4789 18.0464C30.1352 18.8513 29.6321 19.5784 29 20.1838ZM20 23V20.1838C18.9103 19.1328 18.2216 17.7344 18.0527 16.2299C17.8839 14.7254 18.2456 13.2091 19.0753 11.9428C19.905 10.6764 21.1507 9.73945 22.5975 9.29348C24.0443 8.84751 25.6013 8.92055 27 9.5V7H5V23H20ZM27 21.5C26.208 21.8309 25.3583 22.0013 24.5 22.0013C23.6417 22.0013 22.792 21.8309 22 21.5V26.2775L24 25.1325C24.1511 25.0461 24.3222 25.0007 24.4963 25.0007C24.6703 25.0007 24.8414 25.0461 24.9925 25.1325L26.9925 26.2775L27 21.5ZM29 15.5C29 14.61 28.7361 13.74 28.2416 12.9999C27.7471 12.2599 27.0443 11.6831 26.2221 11.3425C25.3998 11.0019 24.495 10.9128 23.6221 11.0865C22.7492 11.2601 21.9474 11.6887 21.318 12.318C20.6887 12.9474 20.2601 13.7492 20.0865 14.6221C19.9128 15.495 20.0019 16.3998 20.3425 17.2221C20.6831 18.0443 21.2599 18.7471 21.9999 19.2416C22.74 19.7361 23.61 20 24.5 20C25.0909 20 25.6761 19.8836 26.2221 19.6575C26.768 19.4313 27.2641 19.0998 27.682 18.682C28.0998 18.2641 28.4313 17.768 28.6575 17.2221C28.8836 16.6761 29 16.0909 29 15.5Z" fill="#666D7C"/>
</svg>
Certifications
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
<div class=" np-sub-navigation-content-item">
<a class="np-sub-navigation-content-item-link" href="/app/training_events">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
<path d="M27 5H5C4.46957 5 3.96086 5.21071 3.58579 5.58579C3.21071 5.96086 3 6.46957 3 7V25C3 25.5304 3.21071 26.0391 3.58579 26.4142C3.96086 26.7893 4.46957 27 5 27H27C27.5304 27 28.0391 26.7893 28.4142 26.4142C28.7893 26.0391 29 25.5304 29 25V7C29 6.46957 28.7893 5.96086 28.4142 5.58579C28.0391 5.21071 27.5304 5 27 5ZM27 15H21V7H27V15ZM5 7H19V25H5V7ZM27 25H21V17H27V25ZM22.5 11C22.5 10.7033 22.588 10.4133 22.7528 10.1666C22.9176 9.91997 23.1519 9.72771 23.426 9.61418C23.7001 9.50065 24.0017 9.47094 24.2926 9.52882C24.5836 9.5867 24.8509 9.72956 25.0607 9.93934C25.2704 10.1491 25.4133 10.4164 25.4712 10.7074C25.5291 10.9983 25.4993 11.2999 25.3858 11.574C25.2723 11.8481 25.08 12.0824 24.8334 12.2472C24.5867 12.412 24.2967 12.5 24 12.5C23.6022 12.5 23.2206 12.342 22.9393 12.0607C22.658 11.7794 22.5 11.3978 22.5 11ZM25.5 21C25.5 21.2967 25.412 21.5867 25.2472 21.8334C25.0824 22.08 24.8481 22.2723 24.574 22.3858C24.2999 22.4993 23.9983 22.5291 23.7074 22.4712C23.4164 22.4133 23.1491 22.2704 22.9393 22.0607C22.7296 21.8509 22.5867 21.5836 22.5288 21.2926C22.4709 21.0017 22.5007 20.7001 22.6142 20.426C22.7277 20.1519 22.92 19.9176 23.1666 19.7528C23.4133 19.588 23.7033 19.5 24 19.5C24.3978 19.5 24.7794 19.658 25.0607 19.9393C25.342 20.2206 25.5 20.6022 25.5 21ZM16.9688 20.75C16.6452 19.5418 15.8779 18.5 14.82 17.8325C15.3818 17.274 15.7651 16.5614 15.9214 15.7848C16.0777 15.0082 15.9998 14.2027 15.6978 13.4704C15.3957 12.7381 14.8831 12.112 14.2248 11.6714C13.5664 11.2309 12.7921 10.9957 12 10.9957C11.2079 10.9957 10.4336 11.2309 9.77525 11.6714C9.11693 12.112 8.60426 12.7381 8.30221 13.4704C8.00016 14.2027 7.92234 15.0082 8.07861 15.7848C8.23488 16.5614 8.61821 17.274 9.18 17.8325C8.12282 18.5007 7.35575 19.5422 7.03125 20.75C6.96495 21.0069 7.00342 21.2797 7.13821 21.5082C7.27301 21.7368 7.49307 21.9024 7.75 21.9688C8.00693 22.0351 8.27967 21.9966 8.50823 21.8618C8.73679 21.727 8.90245 21.5069 8.96875 21.25C9.29875 19.9688 10.6013 19 12 19C13.3988 19 14.7025 19.9662 15.0312 21.25C15.0976 21.5069 15.2632 21.727 15.4918 21.8618C15.7203 21.9966 15.9931 22.0351 16.25 21.9688C16.5069 21.9024 16.727 21.7368 16.8618 21.5082C16.9966 21.2797 17.0351 21.0069 16.9688 20.75ZM10 15C10 14.6044 10.1173 14.2178 10.3371 13.8889C10.5568 13.56 10.8692 13.3036 11.2346 13.1522C11.6001 13.0009 12.0022 12.9613 12.3902 13.0384C12.7781 13.1156 13.1345 13.3061 13.4142 13.5858C13.6939 13.8655 13.8844 14.2219 13.9616 14.6098C14.0387 14.9978 13.9991 15.3999 13.8478 15.7654C13.6964 16.1308 13.44 16.4432 13.1111 16.6629C12.7822 16.8827 12.3956 17 12 17C11.4696 17 10.9609 16.7893 10.5858 16.4142C10.2107 16.0391 10 15.5304 10 15Z" fill="#666D7C"/>
</svg>
Live Group Trainings
</a>
<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
</div>
</nav>
<script>
const subNavItems = document.querySelectorAll('.np-sub-navigation-content-item-link');
const currentURL = window.location.pathname;
subNavItems.forEach( subNavItem => {
if (subNavItem.getAttribute('href') === currentURL){
subNavItem.classList.add('current');
}
});
</script>
<style>
.np-sub-navigation-content-item-link {
align-items: center;
color: #666D7C;
display: flex;
flex-direction: column;
font-size: 20px;
font-family: "GT Walsheim", sans-serif;
font-weight: 500;
line-height: 28px;
height: 80px;
text-decoration: none;
transition: all .2s;
}
.np-sub-navigation-content-item-link:hover, .np-sub-navigation-content-item-link.current{
border-bottom: 6px solid #202227;
color: #202227;
font-weight: 700;
transition: all .2s;
}
.np-sub-navigation-content-item-link:hover path, .np-sub-navigation-content-item-link.current path{
fill: #202227;
}
</style>