132 lines
4.4 KiB
Plaintext
132 lines
4.4 KiB
Plaintext
<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> |