teotlu

<svg style="display:none">
		    <defs>  
		        <linearGradient id="textgradient" x1="0%" x2="300%" y1="0" y2="0">  
		            <stop stop-color="#1dcbb0" offset="0%"/>  
		            <stop stop-color="#2ecc72" offset="33%"/>  
		            <stop stop-color="#2394e4" offset="66%"/>  
		            <stop stop-color="#1ccab4" offset="100%"/>  
		        </linearGradient>  
		    </defs>  
		</svg>

<svg fill="url(#textgradient)">     
         <text>Отправить</text>  
</svg>

$('.left-col').fadeIn(6000, function () {
    // этот коллбэк будет вызван после завершения анимации
});

background: #348cb2 url("images/bg.jpg") center;
background-size: cover;

$(document).ready(function(){
	    	var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        nextButton: '.swiper-button-next',
	        prevButton: '.swiper-button-prev',
	        simulateTouch: false,
	        paginationClickable: true,
	        spaceBetween: 30,
	        centeredSlides: true,
	        autoplay: 5000,
	        loop: true,
	        autoplayDisableOnInteraction: false,
});

<label class="checkbox checkbox--block">
    <input type="checkbox" />
    Some label
</label>