File: //var/www/quadcode-jobs/resources/views/site/blocks/values.blade.php
<section class="values">
<div class="container">
<h2>Values of Quadcode</h2>
<div class="values-slider js-values-slider">
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-5-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Progress</div>
<div class="item__description">
We value a culture of innovation and continuous improvement. We are constantly seeking personal and professional growth. Small steps towards evolution every day: individually, as a team and as a company.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-7-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Ambition for excellence</div>
<div class="item__description">
We strive to exceed our own results by raising the bar higher. Being quite a good company is not enough, we aim for greatness. We set ambitious but realistic goals and pursue them with unwavering persistence in the face of all odds.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-2-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Honesty</div>
<div class="item__description">
We are open, clear, direct and honest in our communications. If there are questions, we ask them. Our team should be our toughest critic, our biggest challengers and our most reliable support.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-1-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Proactivity</div>
<div class="item__description">
We don’t just put out fires, we prevent them. We take initiative and act: we look for solutions, make suggestions and take action.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-6-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Collaboration</div>
<div class="item__description">
Our company is made up of amazing individuals, but only through teamwork can we achieve greatness. Shared vision, focused efforts, and honest communication is our teamwork recipe.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-3-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Value our colleagues</div>
<div class="item__description">
We create a positive work environment in which everyone can open up and be involved. Our culture promotes success for those who deliver their best and who are committed to continuous professional growth.
</div>
</div>
</div>
<div class="values-slider__item">
<div class="item__icon" >
<img src="{{ asset('/files/values/asset-4-copy3x.svg') }}" alt="value images" />
</div>
<div class="item-content">
<div class="item__title">Accountability</div>
<div class="item__description">
<p>Our motto is: “If it has to be done, I'll do it, I am responsible for getting it done”. We make decisions, take actions and are willing to accept the consequences.
</p>
</div>
</div>
</div>
</div>
<div class="team-slider-nav js-values-slider-nav">
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
<div class="team-slider-nav__item js-values-slider-nav__item">
<div class="team-slider-nav__item-inner">
<div class="team-slider-nav__item-marker"></div>
<div class="team-slider-nav__item-name"></div>
</div>
</div>
</div>
<div class="values-slider-arrow btn-arrow btn-arrow--left as-prev-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="values-slider-arrow btn-arrow as-next-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
</div>
</section>
<script type="text/javascript">
$('.js-values-slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: false,
arrows: true,
prevArrow: '.values-slider-arrow.as-prev-btn',
nextArrow: '.values-slider-arrow.as-next-btn',
autoplaySpeed: 5000,
asNavFor: '.js-values-slider-nav',
adaptiveHeight: true,
responsive: [
{
breakpoint: 1440,
settings: {
slidesToShow: 1,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
autoplay: true
}
}
]
});
// Инициализация доп. навигации для слайдера Team
$('.js-values-slider-nav').slick({
slidesToShow: $('.js-values-slider-nav__item').length,
slidesToScroll: 1,
arrows: false,
dots: false,
fade: false,
autoplay: false,
asNavFor: '.js-values-slider',
centerMode: true,
focusOnSelect: true,
});
</script>