mirror of
https://gitlab.com/nekoya/web.git
synced 2024-11-21 22:06:26 +01:00
Modified Home Page
This commit is contained in:
Kelvin Samuel
parent
667ed001ed
commit
9a2ce9c269
8 changed files with 3786 additions and 21 deletions
42
index.html
42
index.html
|
|
@ -85,7 +85,7 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="banner_item align-item-center" style="background-image: url(Resource/Logo/banner_1.jpg);">
|
||||
<div class="banner_item align-item-center" style="background-image: url(assets/banner_1.jpg);">
|
||||
<div class="banner_category">
|
||||
<a href="#">Women's</a>
|
||||
</div>
|
||||
|
|
@ -93,7 +93,7 @@
|
|||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="banner_item align-item-center" style="background-image: url(Resource/Logo/banner_2.jpg);">
|
||||
<div class="banner_item align-item-center" style="background-image: url(assets/banner_2.jpg);">
|
||||
<div class="banner_category">
|
||||
<a href="#">Men's</a>
|
||||
</div>
|
||||
|
|
@ -166,7 +166,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_3.png" alt="product_3">
|
||||
<img src="assets/Product_3.png" alt="product_3">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -182,7 +182,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_4.png" alt="product_4">
|
||||
<img src="assets/Product_4.png" alt="product_4">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -195,7 +195,7 @@
|
|||
<div class="product-item women men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_5.png" alt="product_5">
|
||||
<img src="assets/Product_5.png" alt="product_5">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -208,7 +208,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product discount product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_6.png" alt="product_6">
|
||||
<img src="assets/Product_6.png" alt="product_6">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -224,7 +224,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_7.png" alt="product_7">
|
||||
<img src="assets/Product_7.png" alt="product_7">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -240,7 +240,7 @@
|
|||
<div class="product-item women men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_8.png" alt="product_8">
|
||||
<img src="assets/Product_8.png" alt="product_8">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -253,7 +253,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_9.png" alt="product_9">
|
||||
<img src="assets/Product_9.png" alt="product_9">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -269,7 +269,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/Product_10.png" alt="product_1">
|
||||
<img src="assets/Product_10.png" alt="product_1">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -285,7 +285,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main_slider" style="background-image: url(Resource/Logo/slider_1.jpg);">
|
||||
<div class="main_slider" style="background-image: url(assets/slider_1.jpg);">
|
||||
<div class="container fill_hight">
|
||||
<div class="row align-items-center fill_hight">
|
||||
<div class="col">
|
||||
|
|
@ -316,7 +316,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product discount product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_1.png" alt="product_1">
|
||||
<img src="assets/Product_1.png" alt="product_1">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -333,7 +333,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_2.png" alt="product_2">
|
||||
<img src="assets/Product_2.png" alt="product_2">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -351,7 +351,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_3.png" alt="product_3">
|
||||
<img src="assets/Product_3.png" alt="product_3">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -369,7 +369,7 @@
|
|||
<div class="product-item accessories">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_4.png" alt="product_4">
|
||||
<img src="assets/Product_4.png" alt="product_4">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -384,7 +384,7 @@
|
|||
<div class="product-item women men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_5.png" alt="product_5">
|
||||
<img src="assets/Product_5.png" alt="product_5">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -399,7 +399,7 @@
|
|||
<div class="product-item accessories">
|
||||
<div class="product discount product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_6.png" alt="product_6">
|
||||
<img src="assets/Product_6.png" alt="product_6">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -417,7 +417,7 @@
|
|||
<div class="product-item women">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_7.png" alt="product_7">
|
||||
<img src="assets/Product_7.png" alt="product_7">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -435,7 +435,7 @@
|
|||
<div class="product-item accessories">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_8.png" alt="product_8">
|
||||
<img src="assets/Product_8.png" alt="product_8">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
@ -450,7 +450,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_9.png" alt="product_9">
|
||||
<img src="assets/Product_9.png" alt="product_9">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
|
||||
|
|
@ -468,7 +468,7 @@
|
|||
<div class="product-item men">
|
||||
<div class="product product_filter">
|
||||
<div class="product_image">
|
||||
<img src="Resource/Logo/product_10.png" alt="product_1">
|
||||
<img src="assets/Product_10.png" alt="product_1">
|
||||
</div>
|
||||
<div class="favorite favorite_left"></div>
|
||||
<div class="product_info">
|
||||
|
|
|
|||
229
js/custom.js
Normal file
229
js/custom.js
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
// coding with nick
|
||||
|
||||
// Js Documents
|
||||
|
||||
// Table of contyent
|
||||
// 1. vars and inits
|
||||
// 2. Inits Menu
|
||||
// 3. Init Timer
|
||||
// 4. Init Favorite
|
||||
// 5. Init Isotope Filtering
|
||||
// 6. Init Slider
|
||||
|
||||
// https://www.youtube.com/watch?v=9F1PtfWHh1o&list=PLD6WTnyPkgeJ2d7RxKcep09xUKEvHAp3u&index=20 timestamp:1:10:13
|
||||
|
||||
jQuery(document).ready(function ($) {
|
||||
"user strict";
|
||||
|
||||
// 1. vars and Inits
|
||||
|
||||
var mainSlider = $('.main.slider');
|
||||
var hamburger = $('.hamburger_container');
|
||||
var menu = $('.hamburger_menu');
|
||||
var menuActive = false;
|
||||
var hamburgerClose = $('.hamburger_close');
|
||||
var fsOverlay = $('.fs_menu_overlay');
|
||||
|
||||
initMenu();
|
||||
initFavorite();
|
||||
initIsotopeFiltering();
|
||||
initTimer();
|
||||
initSlider();
|
||||
|
||||
|
||||
// 2. Inits Menu timestamp 2:39:45
|
||||
|
||||
function initMenu() {
|
||||
if (hamburger.length) {
|
||||
hamburger.on('click', function() {
|
||||
if (!menuActive) {
|
||||
openMenu();
|
||||
}
|
||||
});
|
||||
}
|
||||
if (fsOverlay.length) {
|
||||
fsOverlay.on('click', function()
|
||||
{
|
||||
if (menuActive)
|
||||
{
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
}
|
||||
if (hamburgerClose.length) {
|
||||
hamburgerClose.on('click', function() {
|
||||
if (menuActive) {
|
||||
closeMenu();
|
||||
}
|
||||
});
|
||||
}
|
||||
if ($('.menu_item'), length) {
|
||||
var items = document.getElementsByClassName('menu_item');
|
||||
var i;
|
||||
|
||||
for (i = 0; i < items.length; i++)
|
||||
{
|
||||
if (items[i].classList.contains("has-children"))
|
||||
{
|
||||
items[i].onclick = function ()
|
||||
{
|
||||
this.classList.toggle("active");
|
||||
var panel = this.children[1];
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
}
|
||||
else {
|
||||
panel.style.maxHeight = panel.scrollHeight + "px";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function openMenu() {
|
||||
menu.addClass('active');
|
||||
fsOverlay.css('pointer-events', "auto");
|
||||
menuActive = true;
|
||||
}
|
||||
function closeMenu() {
|
||||
menu.removeClass('active');
|
||||
fsOverlay.css('pointer-events', "none");
|
||||
menuActive = false;
|
||||
}
|
||||
|
||||
|
||||
// 3. Init Timer timestamp:1:30:30
|
||||
|
||||
function initTimer() {
|
||||
if ($('.timer').length) {
|
||||
|
||||
// uncomment line below and replace date
|
||||
var target_date = new Date("August 31, 2021").getTime();
|
||||
|
||||
|
||||
// comment line below
|
||||
|
||||
// var date = new Date();
|
||||
// date.setDate(date.getDate() + 3);
|
||||
// var target_date = date.getTime();
|
||||
|
||||
//variables for time units
|
||||
var days, hours, minutes, seconds;
|
||||
var d = $('#day');
|
||||
var h = $('#hour');
|
||||
var m = $('#minute');
|
||||
var s = $('#second');
|
||||
|
||||
setInterval(function () {
|
||||
//find the amount of "seconds" between now and target
|
||||
|
||||
var current_date = new Date().getTime();
|
||||
var seconds_left = (target_date - current_date) / 1000;
|
||||
|
||||
// do some time calculations
|
||||
days = parseInt(seconds_left / 86400);
|
||||
seconds_left = seconds_left % 86400;
|
||||
|
||||
hours = parseInt(seconds_left / 3600);
|
||||
seconds_left = seconds_left % 3600;
|
||||
|
||||
minutes = parseInt(seconds_left / 60);
|
||||
seconds = parseInt(seconds_left % 60);
|
||||
|
||||
//display result
|
||||
d.text(days);
|
||||
h.text(hours);
|
||||
m.text(minutes);
|
||||
s.text(seconds);
|
||||
}, 1000)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 4. Init Favorite
|
||||
|
||||
function initFavorite() {
|
||||
|
||||
if ($('.favorite').length) {
|
||||
var favs = $('.favorite');
|
||||
|
||||
favs.each(function () {
|
||||
var fav = $(this);
|
||||
var active = false;
|
||||
if (fav.hasClass('active')) {
|
||||
active = true;
|
||||
}
|
||||
fav.on('click', function () {
|
||||
if (active) {
|
||||
fav.removeClass('active');
|
||||
active = false;
|
||||
}
|
||||
else {
|
||||
fav.addClass('active');
|
||||
active = true;
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 5. Init Isotope Filtering timestamp:1:16:21
|
||||
|
||||
function initIsotopeFiltering() {
|
||||
if ($('.grid_sorting_button').length) {
|
||||
$('.grid_sorting_button').click(function () {
|
||||
$('.grid_sorting_button.active').removeClass('active');
|
||||
$(this).addClass('active');
|
||||
|
||||
var selector = $(this).attr('data-filter');
|
||||
$('.product-grid').isotope({
|
||||
filter: selector,
|
||||
animationOptions: {
|
||||
duration: 750,
|
||||
easing: 'linear',
|
||||
queue: false,
|
||||
}
|
||||
});
|
||||
return false
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 6. Init Slider
|
||||
|
||||
function initSlider() {
|
||||
if ($('.product_slider').length) {
|
||||
var slider1 = $('.product_slider');
|
||||
|
||||
slider1.owlCarousel({
|
||||
loop: false,
|
||||
dots: false,
|
||||
nav: false,
|
||||
responsive:
|
||||
{
|
||||
0: { items: 1 },
|
||||
480: { items: 2 },
|
||||
768: { items: 3 },
|
||||
991: { items: 4 },
|
||||
1280: { items: 5 },
|
||||
1440: { items: 5 },
|
||||
}
|
||||
|
||||
});
|
||||
if ($('.product_slider_nav_left').length) {
|
||||
$('.product_slider_nav_left').on('click', function () {
|
||||
slider1.trigger('prev.owl.carousel');
|
||||
})
|
||||
}
|
||||
if ($('.product_slider_nav_right').length) {
|
||||
$('.product_slider_nav_right').on('click', function () {
|
||||
slider1.trigger('next.owl.carousel');
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
4
js/jquery-3.2.1.min.js
vendored
Normal file
4
js/jquery-3.2.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
12
plugins/Isotope/isotope.pkgd.min.js
vendored
Normal file
12
plugins/Isotope/isotope.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
plugins/OwlCarousel2-2.2.1/ajax-loader.gif
Normal file
BIN
plugins/OwlCarousel2-2.2.1/ajax-loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
245
plugins/OwlCarousel2-2.2.1/owl.carousel.css
Normal file
245
plugins/OwlCarousel2-2.2.1/owl.carousel.css
Normal file
|
|
@ -0,0 +1,245 @@
|
|||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2021 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
/*
|
||||
* Owl Carousel - Core
|
||||
*/
|
||||
.owl-carousel
|
||||
{
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.owl-carousel .owl-stage
|
||||
{
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-moz-backface-visibility: hidden;
|
||||
/* fix firefox animation glitch */
|
||||
}
|
||||
.owl-carousel .owl-stage:after
|
||||
{
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
.owl-carousel .owl-stage-outer
|
||||
{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item
|
||||
{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.owl-carousel .owl-item
|
||||
{
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
.owl-carousel .owl-item img
|
||||
{
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-nav.disabled,
|
||||
.owl-carousel .owl-dots.disabled
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.owl-carousel .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-dot
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel.owl-loaded
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-loading
|
||||
{
|
||||
opacity: 0;
|
||||
display: block;
|
||||
}
|
||||
.owl-carousel.owl-hidden
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
.owl-carousel.owl-refresh .owl-item
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.owl-carousel.owl-drag .owl-item
|
||||
{
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.owl-carousel.owl-grab
|
||||
{
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
.owl-carousel.owl-rtl
|
||||
{
|
||||
direction: rtl;
|
||||
}
|
||||
.owl-carousel.owl-rtl .owl-item
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated
|
||||
{
|
||||
animation-duration: 1000ms;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-animated-in
|
||||
{
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-animated-out
|
||||
{
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.owl-carousel .fadeOut
|
||||
{
|
||||
animation-name: fadeOut;
|
||||
}
|
||||
|
||||
@keyframes fadeOut
|
||||
{
|
||||
0%
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
100%
|
||||
{
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height
|
||||
{
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item .owl-lazy
|
||||
{
|
||||
opacity: 0;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item img.owl-lazy
|
||||
{
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper
|
||||
{
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon
|
||||
{
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform 100ms ease;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover
|
||||
{
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3);
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-tn
|
||||
{
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity 400ms ease;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-frame
|
||||
{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
3275
plugins/OwlCarousel2-2.2.1/owl.carousel.js
Normal file
3275
plugins/OwlCarousel2-2.2.1/owl.carousel.js
Normal file
File diff suppressed because it is too large
Load diff
BIN
plugins/OwlCarousel2-2.2.1/owl.video.play.png
Normal file
BIN
plugins/OwlCarousel2-2.2.1/owl.video.play.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Loading…
Reference in a new issue