<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="OwlCarousel2-2.2.1/dist/assets/owl.carousel.css">
<link rel="stylesheet" href="OwlCarousel2-2.2.1/dist/assets/owl.theme.default.css">
</head>
<body>
<div class="owl-carousel">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
<script src="jquery-3.3.1.min.js"></script>
<script src="OwlCarousel2-2.2.1/dist/owl.carousel.js"></script>
<script>
$(".owl-carousel").owlCarousel();
</script>
</body>
</html>
gradientTable();
$(window).resize(function() {
gradientTable();
});
function gradientTable() {
var tableWidth = $(".table--delivery-method").width();
var windowSize = $(window).width();
var widthGradient = $(".table__gradient").width();
var widthWindowWithoutIndentation = windowSize / 100 * 5;
var primaryPositionGradient = windowSize - widthWindowWithoutIndentation - widthGradient;
$(".table__gradient").css("left", primaryPositionGradient + "px");
$(".table__box").scroll(function() {
if($(this).scrollLeft() >= (tableWidth - windowSize + widthWindowWithoutIndentation)) {
$(".table__gradient").fadeOut();
}
else {
$(".table__gradient").fadeIn();
$(".table__gradient").css("left", primaryPositionGradient + $(this).scrollLeft() + "px");
}
});
}// gulp@4.0.0-alpha.2
var gulp = require('gulp');
var del = require('del');
var path = require('path');
var flatten = require('gulp-flatten');
gulp.task('imgs', function() {
return gulp.src('src/blocks/**/*.{jpg,jpeg,png,gif,svg}')
.pipe(flatten()) // Удаляет относительный путь до файла.
.pipe(gulp.dest('public/imgs'))
.pipe(browserSync.stream());
});
gulp.task('watch', function() {
gulp.watch('src/blocks/**/*.{jpg,jpeg,png,gif,svg}', gulp.series('imgs')).on('unlink', function (filepath) {
var filePathFromSrc = path.relative(path.resolve('src/blocks/'), filepath);
// Concatenating the 'build' absolute path used by gulp.dest in the scripts task
var destFilePath = path.resolve('public/imgs', filePathFromSrc);
del.sync(destFilePath);
});
});var $page = $('html, body');
$('a[href*="#"]').click(function() {
$page.animate({
scrollTop: $($.attr(this, 'href')).offset().top - 60
}, 1000);
return false;
});var $html = $('html');
var lockedClass = namespacify('is-locked');
$html.addClass(lockedClass);<html class="remodal-is-locked">overflow: hidden
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.woff2') format('woff2'),
url('Roboto-Regular.woff') format('woff');
font-weight: normal;
}@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.woff2') format('woff2'),
url('Roboto-Regular.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'Roboto';
src: url('Roboto-bold.woff2') format('woff2'),
url('Roboto-bold.woff') format('woff');
font-weight: bold;
}// Если нужен bold
h1 {
font-family: Roboto;
font-weight: bold;
}
// Если нужен Regular
h1 {
font-family: Roboto;
font-weight: normal; // Либо можно не писать т.к. по умолчанию стоит
}