norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Zenjob Notes, and new Templates

Browse Source
This commit is contained in:
Norm Rasmussen
2022-11-11 21:54:43 -05:00
parent 22704920d8
commit c599b8b792
1222 changed files with 2246 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
Custom_Templates/customer_templates/Academy Climbing/_section_professionals.html.liquid Normal file
View File

@ -0,0 +1,118 @@
<div class="np-homepage-featured np-homepage-tips-tricks np-max-width">
<div class="np-homepage-featured-text">
<div class="np-homepage-headline">
Professional Climbers
</div>
</div>
<div class="tips-tricks-carousel np-carousel" id="tips-tricks-carousel">
<div class="np-carousel-card">
<video class='left-video' autoplay muted loop>
<source type="video/mp4" src="https://i.imgur.com/IizyBxj.mp4">
</video>
<div class='review'>
<div class='review-text'>
“Enlightenment isn't found with a full stomach or a soft pillow.”
</div>
<div class='review-name'>
Cory Richards
</div>
<div class='review-title'>
Professional Mountain Climbers & Photographer
</div>
</div>
</div>
<div class="np-carousel-card">
<video class='left-video' autoplay muted loop>
<source type="video/mp4" src="https://i.imgur.com/HS7PW7n.mp4">
</video>
<div class='review'>
<div class='review-text'>
“If you don't own your grunt work, can you really say you've done the climb?” </div>
<div class='review-name'>
Tommy Caldwell
</div>
<div class='review-title'>
Multiple First Ascents in Yosemite National Park
</div>
</div>
</div>
<div class="np-carousel-card">
<video class='left-video' autoplay muted loop>
<source type="video/mp4" src="https://i.imgur.com/wMtE1Yt.mp4">
</video>
<div class='review'>
<div class='review-text'>
“Fear is always there; it's a survival instinct. You just need to know how to manage it. </div>
<div class='review-name'>
Jimmy Chin
</div>
<div class='review-title'>
World-class videographer, photographer, and climber.
</div>
</div>
</div>
</div>
</div>
<style>
.left-video {
border-radius: 18px;
border: black 8px solid;
position: relative;
height: 380px;
width: 660px;
object-fit: fill;
left: 100px;
top: -100px;
}
.review {
background: black;
border-radius: 5px;
padding: 100px 150px;
width: 70%;
}
.review-text {
font-size: 24px;
}
.review-name {
font-size: 18px;
padding-top: 25px;
padding-bottom: 10px;
color: lightgrey;
}
.review-title {
color: lightgray;
}
.tips-tricks-carousel .slick-list {
height: 580px;
}
.tips-tricks-carousel .slick-initialized .slick-slide {
width: 100% !important;
margin: auto;
position: relative;
top: 100px;
}
.tips-tricks-carousel .np-carousel-card {
margin: auto !important;
}
.tips-tricks-carousel div.slick-list:nth-child(1) > div:nth-child(1) {
height: 700px;
}
</style>
<script>
$(document).ready(function(){
$("#tips-tricks-carousel").slick({
slidesToShow: 1,
slidesToScroll: 1,
cssEase: 'linear',
arrows: false,
infinite: true,
dots: true,
autoplay: true,
autoplaySpeed: 5000
});
});
</script>