added G2 templates
This commit is contained in:
Norm Rasmussen
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
@ -0,0 +1,73 @@
|
||||
{% assign activities_count = 0 %}
|
||||
{% for course_section in course.sections %}
|
||||
{% for course_activity in course_section.activities %}
|
||||
{% assign activities_count = activities_count | plus: 1 %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
|
||||
<div class="np-card">
|
||||
<div class="np-card-container">
|
||||
<a href="{{ course_path }}">
|
||||
<img
|
||||
class="np-card-image"
|
||||
alt="{{ course.name }}"
|
||||
src="{{ course.image_url }}"
|
||||
>
|
||||
</a>
|
||||
<div class="np-card-content np-card-content-vertical np-card-padding">
|
||||
<a class="np-card-content-title" href="{{ course_path }}">
|
||||
{{ course.name }}
|
||||
</a>
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
<div class="np-card-content-lessons">
|
||||
{{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.np-card {
|
||||
padding: 25px 30px !important;
|
||||
}
|
||||
.np-card-content {
|
||||
padding: 10px 50px 40px;
|
||||
}
|
||||
.np-card-content-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
height: 65px;
|
||||
overflow: clip;
|
||||
}
|
||||
.np-card-content-subtitle {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgba(0,0,0,.75);
|
||||
height: 100px;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
.np-card-content-lessons {
|
||||
color: rgb(38, 49, 61);
|
||||
font-weight: 800;
|
||||
font-size: 21px;
|
||||
margin-top: 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.np-card-content-footer {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
}
|
||||
.np-card-content-progress {
|
||||
font-size: 18px;
|
||||
margin: auto 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,127 @@
|
||||
<div class="np-card-container">
|
||||
<div class='np-course-header'>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
<div class='np-course-header-right'>
|
||||
<div class='np-course-header-right-name'>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
Learn the basics of profile value, how to customize your profile to catch the eyes of more buyers, and demand capture 101.
|
||||
</div>
|
||||
<div class='np-course-header-right-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom'>
|
||||
<div class='np-course-bottom-left'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
{% for section in course.sections %}
|
||||
<div class='np-course-bottom-left-outline-section'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<div class='np-course-bottom-right'>
|
||||
<div class='np-course-bottom-right-title'>
|
||||
About this course
|
||||
</div>
|
||||
<div class='np-course-bottom-right-description'>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: rgb(254, 254, 254);
|
||||
}
|
||||
.np-card-container {
|
||||
background: rgb(254, 254, 254);
|
||||
box-shadow: none;
|
||||
}
|
||||
.np-course-header {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #d6d6d6;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.np-top-image {
|
||||
height: 400;
|
||||
margin: auto 0;
|
||||
}
|
||||
.np-course-header-right {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.np-course-header-right-name {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 50px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 25px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.np-course-header-right-short {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 21px;
|
||||
font-weight: 400px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.np-course-bottom {
|
||||
display: flex;
|
||||
margin-top: 70px;
|
||||
}
|
||||
.np-course-bottom-left{
|
||||
width: 70%;
|
||||
}
|
||||
.np-course-bottom-left-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.np-course-bottom-left-outline {
|
||||
border: 1px solid #979797 !important;
|
||||
border-radius: 10px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.np-course-bottom-left-outline-section {
|
||||
margin: 10px 0;
|
||||
padding: 0 40px 0 20px;
|
||||
font-size: 18px;
|
||||
line-height: 1.4;
|
||||
text-transform: uppercase;
|
||||
font-weight: 900;
|
||||
}
|
||||
.np-course-bottom-left-outline-activity {
|
||||
padding: 7px 30px;
|
||||
font-size: 18px;
|
||||
line-height: 28.8px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-course-bottom-right {
|
||||
margin-left: 110px;
|
||||
}
|
||||
.np-course-bottom-right-title {
|
||||
font-weight: 900;
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 24px;
|
||||
}
|
||||
.np-course-bottom-right-description {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgb(10, 10, 10);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,38 @@
|
||||
{% 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 %}
|
||||
<style>
|
||||
.np-top-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
border-radius: 100px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,26 @@
|
||||
{% if courses.in_catalog.any? %}
|
||||
<div class="np-catalog-courses row row-with-thumbnails" id="courses">
|
||||
{% 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 %}
|
||||
|
||||
<style>
|
||||
.np-catalog-courses {
|
||||
width: 70%;
|
||||
margin: 40px auto;
|
||||
}
|
||||
.np-card {
|
||||
padding: 20px;
|
||||
}
|
||||
</style>
|
||||
202
NP_Custom_Templates/customer_templates/G2/_footer.html.liquid
Normal file
202
NP_Custom_Templates/customer_templates/G2/_footer.html.liquid
Normal file
@ -0,0 +1,202 @@
|
||||
<footer class="np-footer">
|
||||
<div class='footer-top'>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Buyers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
G2 Track
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Software Reviews
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Products
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Best Software Lists
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Write a Review
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
For Sellers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Review Generation
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Buyer Intent Data
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Content Creation
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Competitive Insights
|
||||
</li>
|
||||
<button class='footer-top-column-button'>
|
||||
Add Your Product/Service
|
||||
</button>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Company
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
About
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Leadership
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Careers
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Gives
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
News
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Contact
|
||||
</li>
|
||||
<li class='footer-top-column-socials'>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
Resources
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Sell
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Learn
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Research
|
||||
</li>
|
||||
<li class='footer-top-column-element'>
|
||||
Partner
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-seperator"></div>
|
||||
<div class='footer-bottom'>
|
||||
<ul class='footer-bottom-links'>
|
||||
<li class='footer-botoom-links-elements'>Community Guidelines</li>
|
||||
<li class='footer-botoom-links-elements'>G2 Scoring Methodologies</li>
|
||||
<li class='footer-botoom-links-elements'>Terms of Use </li>
|
||||
<li class='footer-botoom-links-elements'>Privacy Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Cookie Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Copyright Complaint Policy </li>
|
||||
<li class='footer-botoom-links-elements'>Content Usage Guidelines </li>
|
||||
<li class='footer-botoom-links-elements'>Do Not Sell My Personal Information </li>
|
||||
</ul>
|
||||
<div class='footer-bottom-logo'>
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="footer-bottom-logo-img"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
<div class='footer-bottom-logo-right'>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
100 S. Wacker Dr.
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Ste. 600
|
||||
</div>
|
||||
<div class='footer-bottom-logo-right-element'>
|
||||
Chicago, IL 60606
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='footer-bottom-subline'>
|
||||
© 2022, G2.com, Inc. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||||
</style>
|
||||
<style>
|
||||
.np-footer {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.footer-top {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
}
|
||||
.footer-top-column {
|
||||
list-style-type: none;
|
||||
}
|
||||
.footer-top-column-title {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.footer-top-column-element {
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
line-height: 15px;
|
||||
font-weight: 400;
|
||||
padding: 9px 0;
|
||||
}
|
||||
.footer-top-column-button {
|
||||
background: none;
|
||||
border: 2px white solid;
|
||||
border-radius: 100px;
|
||||
padding: 9px 25px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
}
|
||||
.footer-seperator {
|
||||
border-top: rgb(128, 128, 128) 1px solid;
|
||||
width: 90%;
|
||||
margin: auto;
|
||||
height: 1px;
|
||||
margin: 40px 0;
|
||||
}
|
||||
.footer-bottom-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
list-style-type: none;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-botoom-links-elements {
|
||||
margin: 10px;
|
||||
}
|
||||
.footer-bottom-logo {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
.footer-bottom-logo-img {
|
||||
height: 55px;
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.footer-bottom-subline {
|
||||
color: rgb(168, 168, 172);
|
||||
font-size: 14px;
|
||||
}
|
||||
body {
|
||||
font-family: "Barlow", sans-serif !important;
|
||||
}
|
||||
</style>
|
||||
18
NP_Custom_Templates/customer_templates/G2/_head.html.liquid
Normal file
18
NP_Custom_Templates/customer_templates/G2/_head.html.liquid
Normal file
@ -0,0 +1,18 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
if (window.location.href.indexOf("/login") > -1 && window.location.href.indexOf("?email") > -1 ) {
|
||||
console.log(document.referrer)
|
||||
$('body').css("display", "none");
|
||||
$('input.np-button').click();
|
||||
}
|
||||
</script>
|
||||
|
||||
<script> window.intercomSettings = { app_id: "hal1rveh" }; </script>
|
||||
<script>
|
||||
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hal1rveh';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
|
||||
</script>
|
||||
<style> .intercom-lightweight-app-launcher { float: right; bottom: 45px !important; margin-right: 40px; } </style>
|
||||
283
NP_Custom_Templates/customer_templates/G2/_header.html.liquid
Normal file
283
NP_Custom_Templates/customer_templates/G2/_header.html.liquid
Normal file
@ -0,0 +1,283 @@
|
||||
<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
<button
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
|
||||
data-toggle-target=".np-header-mobile-avatar-menu,
|
||||
.np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
></button>
|
||||
<button
|
||||
data-test="open-mobile-menu"
|
||||
data-toggle-class="np-hidden"
|
||||
class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
|
||||
data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if current_school.logo_url %}
|
||||
<h1 class="np-header-logo">
|
||||
<a href="{% route home %}">
|
||||
<img
|
||||
alt="{{ current_school.name }}"
|
||||
class="np-header-logo-image"
|
||||
src="{{ current_school.logo_url }}"
|
||||
/>
|
||||
</a>
|
||||
</h1>
|
||||
{% else %}
|
||||
<a href="{% route home %}" class="np-school-name np-header-font-color">
|
||||
{{ current_school.name }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="np-hidden-mobile np-header-desktop-nav">
|
||||
<ul class="np-header-desktop-nav-list">
|
||||
<li class='np-header-right-menu-label' id='label1'>
|
||||
Products
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu1'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Review Generation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Buyer Intent Data
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Content Creation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Competitive Insight
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Reports
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label2'>
|
||||
Solutions
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu2'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Review Generation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Buyer Intent Data
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Content Creation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Competitive Insight
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Reports
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label' id='label3'>
|
||||
Resources
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<ul class='np-header-right-menu-list' id='menu3'>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Market Profiles
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Review Generation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Buyer Intent Data
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Content Creation
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Competitive Insight
|
||||
</li>
|
||||
<li class='np-header-right-menu-list-element'>
|
||||
Reports
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class='np-header-right-menu-label'>
|
||||
Plans
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% if current_person.signed_in? %}
|
||||
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
|
||||
<form action="{% route search %}" method="get" data-test="desktop-search">
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input np-header-font-background-color"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
</div>
|
||||
<div class="np-hidden-mobile np-header-avatar">
|
||||
<button
|
||||
class="np-header-avatar-button"
|
||||
data-test="open-desktop-menu"
|
||||
data-toggle-class-on-target="np-hidden"
|
||||
data-toggle-target=".np-header-avatar-tooltip"
|
||||
data-toggle-outside
|
||||
>
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-avatar-image"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
>
|
||||
</button>
|
||||
<div class="np-header-avatar-tooltip np-hidden" role="tooltip">
|
||||
<span class="np-header-avatar-tooltip-arrow-up"></span>
|
||||
<div class="np-header-avatar-tooltip-learner">
|
||||
<div class="np-header-avatar-tooltip-learner-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
<div class="np-header-avatar-tooltip-learner-email">
|
||||
{{ current_person.email }}
|
||||
</div>
|
||||
</div>
|
||||
<nav class="np-header-avatar-tooltip-navigation">
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-avatar-tooltip-navigation-link np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="np-header-sign-in np-header-desktop-nav-link np-header-font-color"
|
||||
href="{% route login %}"
|
||||
>
|
||||
{% t shared.sign_in %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="np-hidden-desktop">
|
||||
<div class="np-header-mobile-menu-content np-hidden">
|
||||
{% if current_person.signed_in? %}
|
||||
<img
|
||||
alt="{{ current_person.name }}"
|
||||
class="np-header-mobile-menu-content-avatar"
|
||||
src="{{ current_person.avatar_url }}"
|
||||
/>
|
||||
<div class="np-header-mobile-menu-content-name">
|
||||
{{ current_person.name }}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="np-header-mobile-menu-content-nav">
|
||||
<form
|
||||
class="np-header-search"
|
||||
data-test="mobile-search"
|
||||
method="get"
|
||||
action="{% route search %}"
|
||||
>
|
||||
<input
|
||||
aria-label="{% t .search %}"
|
||||
class="np-header-search-input"
|
||||
type="text"
|
||||
name="q"
|
||||
placeholder="{% t .search %}"
|
||||
/>
|
||||
<i class="np-header-search-icon far fa-search"></i>
|
||||
</form>
|
||||
{% for website_navigation in navigations.header_navigations %}
|
||||
<a
|
||||
href="{{ website_navigation.path }}"
|
||||
class="np-header-mobile-menu-content-button"
|
||||
{% if website_navigation.external? %} target="_blank" {% endif %}
|
||||
>
|
||||
{{ website_navigation.name }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
<div class="np-header-mobile-menu-content-line"></div>
|
||||
{% unless current_school.sso_active? %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button"
|
||||
href="{% route account %}"
|
||||
>
|
||||
{% t .profile_settings %}
|
||||
</a>
|
||||
{% endunless %}
|
||||
<a
|
||||
class="np-header-mobile-menu-content-button np-danger"
|
||||
href="{% route logout %}"
|
||||
>
|
||||
{% t .sign_out %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include "messages" %}
|
||||
<style>
|
||||
.np-header-logo-image {
|
||||
height: 55px;
|
||||
}
|
||||
.np-header-right-menu-label {
|
||||
font-size: 18px;
|
||||
padding: 13px 18px;
|
||||
}
|
||||
.np-header-right-menu-list {
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
display: none;
|
||||
padding: 15px;
|
||||
background: white;
|
||||
list-style-type: none;
|
||||
z-index: 10;
|
||||
border-top: 2px solid #5a39a2;
|
||||
margin-left: -25px;
|
||||
}
|
||||
.np-header-right-menu-list-element {
|
||||
padding: 10px 0;
|
||||
}
|
||||
#label1:hover > #menu1 {
|
||||
display: block
|
||||
}
|
||||
#menu1:hover {
|
||||
display: block;
|
||||
}
|
||||
#label2:hover > #menu2 {
|
||||
display: block
|
||||
}
|
||||
#menu2:hover {
|
||||
display: block;
|
||||
}
|
||||
#label3:hover > #menu3 {
|
||||
display: block
|
||||
}
|
||||
#menu3:hover {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,193 @@
|
||||
<div class='events-wrapper' id="events">
|
||||
<div class='events'>
|
||||
<div class='events-header'>
|
||||
<div class='events-header-title'>
|
||||
Drive revenue & pipeline with strategies covered in G2 Office Hours.
|
||||
</div>
|
||||
<div class='events-header-subtitle'>
|
||||
Connect with some of the best in the biz for casual Zoom sessions. Learn strategies, share ideas, explore intent data, discuss product releases, and much more.
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
Operationalizing Buyer Intent
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Pipeline. Revenue. Yes to all of it! Let's chat about how you can leverage Buyer Intent and market like you mean it.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
January 27, 2022 @ 2PM EST
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Hosts
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-robin-headshot.png?width=80&name=g2-office-hours-robin-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Robin Izsak-Tseng
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
VP, Revenue Marketing
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-lishen-headshot.png?width=80&name=g2-office-hours-lishen-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Lishen Lu
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Sr. Mgr, Growth Marketing
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
How to Drive More G2 Reviews
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Increase your review numbers with helpful tips, tricks, and tools.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
February TBD
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Host
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-rachel-headshot.png?width=80&name=g2-office-hours-rachel-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Rachel G.
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Associate Product Manager
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.events-wrapper {
|
||||
background-image: url('https://sell.g2.com/hubfs/G2U-office-hours-social_background.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.events {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
padding: 120px 0;
|
||||
}
|
||||
.events-header {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.events-header-title {
|
||||
font-size: 43px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
.events-header-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.events-event {
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
background: rgb(255, 251, 238);
|
||||
padding: 50px 60px;
|
||||
display: flex;
|
||||
border-radius: 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 10px;
|
||||
|
||||
}
|
||||
.events-event-left {
|
||||
width: 55%;
|
||||
}
|
||||
.events-event-left-title {
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0 20px;
|
||||
}
|
||||
.events-event-left-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.events-event-left-date {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0;
|
||||
}
|
||||
.events-event-left-button {
|
||||
background: none;
|
||||
border: 2px solid rgb(6, 40, 70);
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
padding: 12px 45px;
|
||||
margin-top: 40px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
.events-event-right {
|
||||
margin-left: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.events-event-right-title {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(155, 169, 181);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.events-event-right-person {
|
||||
display: flex;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.events-event-right-person-image {
|
||||
border-radius: 50%;
|
||||
height: 52px;
|
||||
}
|
||||
.events-event-right-person-right {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.events-event-right-person-right-name {
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.events-event-right-person-right-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,82 @@
|
||||
{% include "header" %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
src="{{ homepage.artwork_url }}"
|
||||
alt="{{ homepage.headline }}"
|
||||
/>
|
||||
<div class="np-homepage-hero-content">
|
||||
<img class='np-homepage-hero-logo' src='https://s3.amazonaws.com/static.northpass.com/demos/g2-university-logo.png'>
|
||||
<div class="np-homepage-headline np-header-font-color">
|
||||
{{ homepage.headline }}
|
||||
</div>
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<div class='np-homepage-buttons'>
|
||||
<a class="np-homepage-hero-cta np-button" href="#courses">
|
||||
Choose your course
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button" href="#events">
|
||||
Join Office Hours
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'courses_catalog' %}
|
||||
{% include 'homepage_events' %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #FEFEFE
|
||||
}
|
||||
.np-main {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
.np-homepage-hero-image {
|
||||
max-height: 612px;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.np-homepage-hero-logo {
|
||||
width: 125px;
|
||||
}
|
||||
.np-homepage-headline {
|
||||
font-size: 67px !important;
|
||||
font-weight: 800 !important;
|
||||
}
|
||||
.np-homepage-subheadline {
|
||||
color: rgb(38, 49, 61) !important;
|
||||
font-size: 28px !important;
|
||||
font-weight: 400 !important;
|
||||
max-width: 630px !important;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.np-homepage-buttons {
|
||||
display: flex;
|
||||
margin: 25px auto;
|
||||
justify-content: center;
|
||||
}
|
||||
.np-homepage-hero-cta {
|
||||
height: 53px !important;
|
||||
border-radius: 100px !important;
|
||||
padding: 12px 45px !important;
|
||||
margin: 0 15px !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
[].slice.call(document.getElementsByClassName("np-card-content-subtitle")).forEach(function(element) {
|
||||
if(element.innerText.length > 100){
|
||||
element.innerText = element.innerText.slice(0,100) + '...'
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user