Zenjob Notes, and new Templates
This commit is contained in:
@ -0,0 +1,132 @@
|
||||
<div class="homepage-opinions">
|
||||
<div class="homepage-opinions-carousel">
|
||||
<div class="homepage-opinions-carousel-card">
|
||||
<div class="homepage-opinions-carousel-card-wrapper">
|
||||
<div class="homepage-opinions-carousel-card-quote">
|
||||
”Keep thriving Omnisend! This Academy is extremely good to learn more about ecommerce”
|
||||
</div>
|
||||
<div class="homepage-opinions-carousel-card-footer">
|
||||
Ana Sarkar
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-opinions-carousel-card">
|
||||
<div class="homepage-opinions-carousel-card-wrapper">
|
||||
<div class="homepage-opinions-carousel-card-quote">
|
||||
“Wow! you know how to make a video I'm super impressed with quality content short run time and good visual experience. Thank you!”
|
||||
</div>
|
||||
<div class="homepage-opinions-carousel-card-footer">
|
||||
Creations Flowers Plus
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-opinions-carousel-card">
|
||||
<div class="homepage-opinions-carousel-card-wrapper">
|
||||
<div class="homepage-opinions-carousel-card-quote">
|
||||
“Everything you will ever need to successfully take your business to the next level. Great content!”
|
||||
</div>
|
||||
<div class="homepage-opinions-carousel-card-footer">
|
||||
BubbleBen0190
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-opinions-carousel-card">
|
||||
<div class="homepage-opinions-carousel-card-wrapper">
|
||||
<div class="homepage-opinions-carousel-card-quote">
|
||||
“Absolute gold and it is completely free people! 🔥 content”
|
||||
</div>
|
||||
<div class="homepage-opinions-carousel-card-footer">
|
||||
jaarzel
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="homepage-opinions-carousel-card">
|
||||
<div class="homepage-opinions-carousel-card-wrapper">
|
||||
<div class="homepage-opinions-carousel-card-quote">
|
||||
“Thanks to these guys I was able to increase my sales 3x last year. Omnisend all the way!”
|
||||
</div>
|
||||
<div class="homepage-opinions-carousel-card-footer">
|
||||
Queen of Roses
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.homepage-opinions {
|
||||
background-image: url('https://s3.amazonaws.com/static.northpass.com/Omnisend/opinion-background.png');
|
||||
background-size: 100%;
|
||||
height: 33vw;
|
||||
margin: auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.homepage-opinions-carousel {
|
||||
height: 33vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.homepage-opinions-carousel-card {
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.homepage-opinions-carousel-card-wrapper {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
.homepage-opinions-carousel-card-quote {
|
||||
font-family: Faktum, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 2.375rem;
|
||||
line-height: 46px;
|
||||
letter-spacing: -1px;
|
||||
color: black;
|
||||
}
|
||||
.homepage-opinions-carousel-card-footer {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 400;
|
||||
margin-top: 20px;
|
||||
}
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.homepage-opinions-carousel-card-quote {
|
||||
font-size: 2rem;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 950px) {
|
||||
.homepage-opinions {
|
||||
background-image: url('https://s3.amazonaws.com/static.northpass.com/Omnisend/opinion-background-mobile.png');
|
||||
height: 158vw;
|
||||
}
|
||||
.homepage-opinions-carousel {
|
||||
height: 158vw;
|
||||
}
|
||||
.homepage-opinions-carousel-card-wrapper {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
var slider = tns({
|
||||
container: '.homepage-opinions-carousel',
|
||||
mouseDrag: true,
|
||||
autoHeight: true,
|
||||
controls: false,
|
||||
autoplay: true,
|
||||
autoplayButtonOutput: false,
|
||||
nav: false,
|
||||
autoplayTimeout: 4000
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user