Merge branch 'dev' into dobrotyzpece.cz
This commit is contained in:
Michal Kváček
@@ -1,289 +0,0 @@
|
||||
/**
|
||||
* Lightbox library created by binarity s.r.o.
|
||||
* www.binarity.cz
|
||||
* version 1.0.0
|
||||
*
|
||||
* Vanilla JavaScript lightbox plugin.
|
||||
*
|
||||
* Can use custom invoker passed as first argument or uses a default one - .b-lightbox.
|
||||
* This allows to have more lightbox instances on one site to categorize items.
|
||||
*
|
||||
* Default behaviour:
|
||||
* - Hides on escape keydown event - settable (options.allow_escape).
|
||||
* - Hides on background click - settable (options.allow_backgroundclick).
|
||||
* - Hide button in top right corner - settable (options.close_text).
|
||||
* - Allows usage of arrow keys (left/right) to navigate through images - settable (option.allow_arrows).
|
||||
*
|
||||
* @param options
|
||||
* @param autorun
|
||||
* @constructor
|
||||
*/
|
||||
function BLightBox(options, autorun) {
|
||||
// Instance and instance variables.
|
||||
var BLightBox = this,
|
||||
escape_key_allowed = (!(options !== undefined && options.allow_escape === false)),
|
||||
hide_on_holder_allowed = (!(options !== undefined && options.allow_backgroundclick === false)),
|
||||
arrows_allowed = (!(options !== undefined && options.allow_arrows === false)),
|
||||
close_text = (options !== undefined && options.close_text !== undefined) ? options.close_text : 'Close',
|
||||
|
||||
// DOM
|
||||
lightbox_holder = document.createElement('div'),
|
||||
invoker_string = (options !== undefined && options.invoker !== undefined) ? options.invoker : '.b-lightbox',
|
||||
invokers = document.querySelectorAll(invoker_string),
|
||||
invokers_length = invokers.length,
|
||||
lightbox_image = document.createElement('img'),
|
||||
close_label = document.createElement('a'),
|
||||
previous_button = document.createElement('a'),
|
||||
next_button = document.createElement('a'),
|
||||
lightbox_label = document.createElement('span');
|
||||
|
||||
// BLightBox DOM default settings.
|
||||
lightbox_holder.className = 'b-lightbox-holder';
|
||||
lightbox_image.className = 'b-lightbox-image';
|
||||
close_label.className = 'b-lightbox-close-button';
|
||||
close_label.textContent = close_text;
|
||||
previous_button.className = 'b-lightbox-direction previous';
|
||||
previous_button.innerHTML = '‹';
|
||||
next_button.className = 'b-lightbox-direction next';
|
||||
next_button.innerHTML = '›';
|
||||
lightbox_label.className = 'b-lightbox-label';
|
||||
|
||||
/**
|
||||
* Show new image according to data-newindex attribute on directional button
|
||||
*/
|
||||
this.loadNewImage = function(event) {
|
||||
event.stopPropagation();
|
||||
var index = event.target.getAttribute('data-newindex'),
|
||||
label = invokers[index].getAttribute('data-label');
|
||||
|
||||
if(invokers[index]) {
|
||||
lightbox_image.style.display = 'none';
|
||||
this.decideFromLoad(invokers[index]);
|
||||
lightbox_image.style.display = 'block';
|
||||
if(label != '') {
|
||||
lightbox_label.innerHTML = label;
|
||||
}
|
||||
}
|
||||
|
||||
this.lightboxImageCenter(label != ''); // Center image.
|
||||
|
||||
// Change indexes to be opened.
|
||||
previous_button.setAttribute('data-newindex', this.getPreviousIndex(index));
|
||||
next_button.setAttribute('data-newindex', this.getNextIndex(index));
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns first next index possible, or return very first index to allow rotation.
|
||||
* @param index
|
||||
* @returns {number}
|
||||
*/
|
||||
this.getNextIndex = function(index) {
|
||||
// Skip to last image if we are on the first.
|
||||
return (index == invokers_length - 1) ? 0 : parseInt(index) + 1;
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns first previous index possible, or returns last array index to allow rotation.
|
||||
* @param index
|
||||
* @returns {number}
|
||||
*/
|
||||
this.getPreviousIndex = function(index) {
|
||||
// Skip to last image if we are on the first.
|
||||
return (index == 0) ? invokers_length - 1 : index - 1;
|
||||
};
|
||||
|
||||
/**
|
||||
* Reset ivokers_length variable for re-use.
|
||||
*/
|
||||
this.resetInvokersLength = function() {
|
||||
invokers_length = invokers.length;
|
||||
};
|
||||
|
||||
/**
|
||||
* Provides code for closing a lightbox and hiding images.
|
||||
*/
|
||||
this.listenActionClose = function(event) {
|
||||
lightbox_holder.style.display = 'none';
|
||||
lightbox_image.style.display = 'none';
|
||||
};
|
||||
|
||||
/**
|
||||
* Adds src to lightbox image from element's style background-image.
|
||||
* Removes url() par of the string.
|
||||
* @param el
|
||||
*/
|
||||
this.loadImageFromBackgroundImage = function(el) {
|
||||
lightbox_image.src = el.style.backgroundImage.replace(/url\("?(.*[^"])"?\)/, '$1');
|
||||
};
|
||||
|
||||
/**
|
||||
* Adds src to lightbox image from element's child img tag.
|
||||
* @param el
|
||||
*/
|
||||
this.loadImageFromChildImg = function(el) {
|
||||
var img = el.querySelector('img');
|
||||
if(img) {
|
||||
lightbox_image.src = img.src;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Move lightbox image to the center of screen.
|
||||
*/
|
||||
this.lightboxImageCenter = function(bool_label) {
|
||||
// Image
|
||||
lightbox_image.style.left = ((lightbox_holder.offsetWidth - lightbox_image.offsetWidth) / 2) + 'px';
|
||||
lightbox_image.style.top = ((lightbox_holder.offsetHeight - lightbox_image.offsetHeight) / 2) + 'px';
|
||||
|
||||
// Image label.
|
||||
if(bool_label === true) {
|
||||
lightbox_label.style.width = lightbox_image.offsetWidth + 'px';
|
||||
lightbox_label.style.left = ((lightbox_holder.offsetWidth - lightbox_image.offsetWidth) / 2) + 'px';
|
||||
lightbox_label.style.display = 'block';
|
||||
lightbox_label.style.top = (lightbox_image.offsetTop + lightbox_image.offsetHeight - lightbox_label.offsetHeight) + 'px';
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns index in invokers array or false on unsuccessful attempt to find the element.
|
||||
* @param el
|
||||
* @returns {*}
|
||||
*/
|
||||
this.getIndexInInvokers = function(el) {
|
||||
var inv_length = invokers_length;
|
||||
while(inv_length--) {
|
||||
if(invokers[inv_length].isEqualNode(el)) {
|
||||
return inv_length;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
/**
|
||||
* This method decides from where to load src attribute into lightbox_image.
|
||||
* @param el
|
||||
*/
|
||||
this.decideFromLoad = function(el) {
|
||||
// Decide from which source to get image url.
|
||||
if(el.hasAttribute('data-background')) {
|
||||
this.loadImageFromBackgroundImage(el);
|
||||
} else if(el.hasAttribute('data-img')) {
|
||||
this.loadImageFromChildImg(el);
|
||||
}
|
||||
|
||||
lightbox_label.style.display = 'none';
|
||||
lightbox_label.innerHTML = '';
|
||||
};
|
||||
|
||||
/**
|
||||
* Provides code for opening a lightbox and displaying images.
|
||||
*/
|
||||
this.listenActionOpen = function(el, app, event) {
|
||||
var label = el.getAttribute('data-label');
|
||||
|
||||
event.stopPropagation();
|
||||
event.preventDefault(); // If element is a-tag, prevent from href requesting.
|
||||
|
||||
app.decideFromLoad(el); // Load image into lightbox_image.
|
||||
|
||||
// Change indexes to be opened.
|
||||
previous_button.setAttribute('data-newindex', app.getPreviousIndex(app.getIndexInInvokers(el)));
|
||||
next_button.setAttribute('data-newindex', app.getNextIndex(app.getIndexInInvokers(el)));
|
||||
|
||||
// Show lightbox and image.
|
||||
lightbox_holder.style.display = 'block';
|
||||
lightbox_image.style.display = 'block';
|
||||
if(label != '') {
|
||||
lightbox_label.innerHTML = label;
|
||||
}
|
||||
|
||||
// Center lightbox within the screen.
|
||||
app.lightboxImageCenter(label != '');
|
||||
};
|
||||
|
||||
/**
|
||||
* Add lightbox closing method listener to given element.
|
||||
* @param el
|
||||
*/
|
||||
this.addCloseListenerFor = function(el) {
|
||||
el.addEventListener('click', this.listenActionClose.bind(this));
|
||||
};
|
||||
|
||||
/**
|
||||
* Add lightbox opening method listener to given element.
|
||||
* @param el
|
||||
*/
|
||||
this.addOpenListenerFor = function(el) {
|
||||
var app = this;
|
||||
el.addEventListener('click', app.listenActionOpen.bind(app, el, this), true);
|
||||
};
|
||||
|
||||
/**
|
||||
* Initializes all possible listeners at once on class instance creation.
|
||||
*/
|
||||
this.initiateListeners = function() {
|
||||
// Open Listeners.
|
||||
while(invokers_length--) {
|
||||
this.addOpenListenerFor(invokers[invokers_length]);
|
||||
}
|
||||
this.resetInvokersLength();
|
||||
|
||||
// Close Listeners.
|
||||
// On background click.
|
||||
if(hide_on_holder_allowed){
|
||||
this.addCloseListenerFor(lightbox_holder);
|
||||
}
|
||||
// On escape key hit, if requested.
|
||||
if(escape_key_allowed) {
|
||||
window.addEventListener('keydown', function (event) {
|
||||
if(event.keyCode === 27) {
|
||||
BLightBox.listenActionClose();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Directional buttons.
|
||||
previous_button.addEventListener('click',this.loadNewImage.bind(this));
|
||||
next_button.addEventListener('click',this.loadNewImage.bind(this));
|
||||
// Allow directing with arrows when enabled.
|
||||
if(arrows_allowed) {
|
||||
window.addEventListener('keydown', function arrowDirections(event) {
|
||||
if(event.keyCode === 37) {
|
||||
previous_button.click();
|
||||
} else if(event.keyCode === 39) {
|
||||
next_button.click();
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Initialization method that starts BLightBox instance.
|
||||
* @returns {*}
|
||||
*/
|
||||
this.init = function() {
|
||||
// Append lightbox background.
|
||||
document.body.appendChild(lightbox_holder);
|
||||
lightbox_holder.appendChild(previous_button);
|
||||
lightbox_holder.appendChild(lightbox_image);
|
||||
lightbox_holder.appendChild(next_button);
|
||||
lightbox_holder.appendChild(close_label);
|
||||
lightbox_holder.appendChild(lightbox_label);
|
||||
// Add event listeners for invokers.
|
||||
this.initiateListeners();
|
||||
|
||||
// Auto centering on window.resize;
|
||||
window.addEventListener('resize', function() {
|
||||
BLightBox.lightboxImageCenter();
|
||||
});
|
||||
|
||||
return BLightBox;
|
||||
};
|
||||
|
||||
// If autorun is requested, create instance.
|
||||
if(autorun !== undefined && autorun === true) {
|
||||
return this.init();
|
||||
} else {
|
||||
return this;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 937 B |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
-656
@@ -1,656 +0,0 @@
|
||||
.slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
|
||||
transition-duration: 500ms;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.slide-in-down.mui-enter {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-down.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.slide-in-left.mui-enter {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-left.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.slide-in-up.mui-enter {
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-up.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.slide-in-right.mui-enter {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-right.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.slide-out-down.mui-leave {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-down.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.slide-out-right.mui-leave {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-right.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.slide-out-up.mui-leave {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-up.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.slide-out-left.mui-leave {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-left.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.fade-in.mui-enter {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
.fade-in.mui-enter.mui-enter-active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fade-out.mui-leave {
|
||||
opacity: 1;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
.fade-out.mui-leave.mui-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-top.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-top.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-right.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
-webkit-transform-origin: right;
|
||||
transform-origin: right;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-right.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-bottom.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(90deg);
|
||||
transform: perspective(2000px) rotateX(90deg);
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-bottom.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-left.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(90deg);
|
||||
transform: perspective(2000px) rotateY(90deg);
|
||||
-webkit-transform-origin: left;
|
||||
transform-origin: left;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-left.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-x.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-y.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-top.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-top.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-right.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: right;
|
||||
transform-origin: right;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-right.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-bottom.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-bottom.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(90deg);
|
||||
transform: perspective(2000px) rotateX(90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-left.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: left;
|
||||
transform-origin: left;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-left.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(90deg);
|
||||
transform: perspective(2000px) rotateY(90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-x.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-y.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-up.mui-enter {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-up.mui-enter.mui-enter-active {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-in-down.mui-enter {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-down.mui-enter.mui-enter-active {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-up.mui-leave {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-up.mui-leave.mui-leave-active {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-out-down.mui-leave {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-down.mui-leave.mui-leave-active {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in.mui-enter {
|
||||
-webkit-transform: rotate(-0.75turn);
|
||||
transform: rotate(-0.75turn);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in.mui-enter.mui-enter-active {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out.mui-leave {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out.mui-leave.mui-leave-active {
|
||||
-webkit-transform: rotate(0.75turn);
|
||||
transform: rotate(0.75turn);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in-ccw.mui-enter {
|
||||
-webkit-transform: rotate(0.75turn);
|
||||
transform: rotate(0.75turn);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in-ccw.mui-enter.mui-enter-active {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out-ccw.mui-leave {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out-ccw.mui-leave.mui-leave-active {
|
||||
-webkit-transform: rotate(-0.75turn);
|
||||
transform: rotate(-0.75turn);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slow {
|
||||
transition-duration: 750ms !important;
|
||||
}
|
||||
|
||||
.fast {
|
||||
transition-duration: 250ms !important;
|
||||
}
|
||||
|
||||
.linear {
|
||||
transition-timing-function: linear !important;
|
||||
}
|
||||
|
||||
.ease {
|
||||
transition-timing-function: ease !important;
|
||||
}
|
||||
|
||||
.ease-in {
|
||||
transition-timing-function: ease-in !important;
|
||||
}
|
||||
|
||||
.ease-out {
|
||||
transition-timing-function: ease-out !important;
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
transition-timing-function: ease-in-out !important;
|
||||
}
|
||||
|
||||
.bounce-in {
|
||||
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.bounce-out {
|
||||
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
}
|
||||
|
||||
.bounce-in-out {
|
||||
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.short-delay {
|
||||
transition-delay: 300ms !important;
|
||||
}
|
||||
|
||||
.long-delay {
|
||||
transition-delay: 700ms !important;
|
||||
}
|
||||
|
||||
.shake {
|
||||
-webkit-animation-name: shake-7;
|
||||
animation-name: shake-7;
|
||||
}
|
||||
|
||||
@-webkit-keyframes shake-7 {
|
||||
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
|
||||
-webkit-transform: translateX(7%);
|
||||
transform: translateX(7%);
|
||||
}
|
||||
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
|
||||
-webkit-transform: translateX(-7%);
|
||||
transform: translateX(-7%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shake-7 {
|
||||
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
|
||||
-webkit-transform: translateX(7%);
|
||||
transform: translateX(7%);
|
||||
}
|
||||
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
|
||||
-webkit-transform: translateX(-7%);
|
||||
transform: translateX(-7%);
|
||||
}
|
||||
}
|
||||
|
||||
.spin-cw {
|
||||
-webkit-animation-name: spin-cw-1turn;
|
||||
animation-name: spin-cw-1turn;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.spin-ccw {
|
||||
-webkit-animation-name: spin-cw-1turn;
|
||||
animation-name: spin-cw-1turn;
|
||||
}
|
||||
|
||||
@keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
.wiggle {
|
||||
-webkit-animation-name: wiggle-7deg;
|
||||
animation-name: wiggle-7deg;
|
||||
}
|
||||
|
||||
@-webkit-keyframes wiggle-7deg {
|
||||
40%, 50%, 60% {
|
||||
-webkit-transform: rotate(7deg);
|
||||
transform: rotate(7deg);
|
||||
}
|
||||
35%, 45%, 55%, 65% {
|
||||
-webkit-transform: rotate(-7deg);
|
||||
transform: rotate(-7deg);
|
||||
}
|
||||
0%, 30%, 70%, 100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wiggle-7deg {
|
||||
40%, 50%, 60% {
|
||||
-webkit-transform: rotate(7deg);
|
||||
transform: rotate(7deg);
|
||||
}
|
||||
35%, 45%, 55%, 65% {
|
||||
-webkit-transform: rotate(-7deg);
|
||||
transform: rotate(-7deg);
|
||||
}
|
||||
0%, 30%, 70%, 100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.infinite {
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.slow {
|
||||
-webkit-animation-duration: 750ms !important;
|
||||
animation-duration: 750ms !important;
|
||||
}
|
||||
|
||||
.fast {
|
||||
-webkit-animation-duration: 250ms !important;
|
||||
animation-duration: 250ms !important;
|
||||
}
|
||||
|
||||
.linear {
|
||||
-webkit-animation-timing-function: linear !important;
|
||||
animation-timing-function: linear !important;
|
||||
}
|
||||
|
||||
.ease {
|
||||
-webkit-animation-timing-function: ease !important;
|
||||
animation-timing-function: ease !important;
|
||||
}
|
||||
|
||||
.ease-in {
|
||||
-webkit-animation-timing-function: ease-in !important;
|
||||
animation-timing-function: ease-in !important;
|
||||
}
|
||||
|
||||
.ease-out {
|
||||
-webkit-animation-timing-function: ease-out !important;
|
||||
animation-timing-function: ease-out !important;
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
-webkit-animation-timing-function: ease-in-out !important;
|
||||
animation-timing-function: ease-in-out !important;
|
||||
}
|
||||
|
||||
.bounce-in {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.bounce-out {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
}
|
||||
|
||||
.bounce-in-out {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.short-delay {
|
||||
-webkit-animation-delay: 300ms !important;
|
||||
animation-delay: 300ms !important;
|
||||
}
|
||||
|
||||
.long-delay {
|
||||
-webkit-animation-delay: 700ms !important;
|
||||
animation-delay: 700ms !important;
|
||||
}
|
||||
@@ -1,35 +0,0 @@
|
||||
window.addEventListener('load', function() {
|
||||
var lightbox = new BLightBox({
|
||||
invoker: '.b-invo',
|
||||
close_text: 'Zavřít'
|
||||
}, true);
|
||||
|
||||
var gallery_links = document.querySelectorAll('.b-invo'),
|
||||
gallery_links_i = gallery_links.length;
|
||||
});
|
||||
|
||||
$ (function () {
|
||||
$ (document).foundation ();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
}
|
||||
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
|
||||
window.onresize = function() {
|
||||
if(window.innerWidth >= 1023) {
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = "auto";
|
||||
} else {
|
||||
hideResponsiveMenu();
|
||||
}
|
||||
};
|
||||
-258
@@ -1,258 +0,0 @@
|
||||
body,h1,h2,h3,h4,h5,h6, * {font-family: 'Ubuntu', sans-serif; color: #414042;}
|
||||
a, a:link, a:hover {color: #46c1be; font-weight: 500;}
|
||||
a:hover {text-decoration: underline;}
|
||||
|
||||
#binarity {width: 100%; display: block; opacity: 0.65; color: #46c1be; text-align: center; margin-bottom: 15px; margin-top:15px; font-size: 0.8rem;}
|
||||
#binarity img {margin-left: 10px; margin-right: 5px; height: 18px; width: auto; position: relative; top: -2px;}
|
||||
#binarity a, #binarity a:hover {color: #46c1be; font-weight: 700;}
|
||||
|
||||
.m-t-25 {margin-top: 25px;}
|
||||
.m-t-50 {margin-top: 50px;}
|
||||
.m-b-25 {margin-bottom: 25px;}
|
||||
.m-l-40 {margin-left: 40px;}
|
||||
.p-lr-15 {padding-left: 15px; padding-right: 15px;}
|
||||
.p-lr-0 {padding-left: 0; padding-right: 0;}
|
||||
.p-25 {padding: 25px !important;}
|
||||
.p-b-0 {padding-bottom: 0 !important;}
|
||||
.rounded {border-radius: 3px;}
|
||||
.large.rounded,.expanded.rounded {border-radius: 6px;}
|
||||
.button {padding: 0.4em 2.3em; font-size: 0.7rem;}
|
||||
.button.secondary {background-color: #4D4D4F;}
|
||||
.button.success {background-color: #46c1be;}
|
||||
.button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;}
|
||||
.button.large, .button.expanded {font-size:0.9rem; padding: 0.9em 2.4em; font-weight: 700; margin-bottom: 0;}
|
||||
.button.large.long {padding: 0.9em 4em; text-transform: uppercase;}
|
||||
.button.expanded.long {height: 3rem; padding: 1em 4em;}
|
||||
.w-t {color: #ffffff}
|
||||
.green-text {color: #46c1be !important;}
|
||||
.dark {color: #414042 !important;}
|
||||
.uppercase {text-transform: uppercase;}
|
||||
.bold {font-weight: 700;}
|
||||
.pointer {cursor: pointer;}
|
||||
.has-tip {z-index: 1000}
|
||||
.b-invo {cursor: pointer;}
|
||||
|
||||
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"],
|
||||
[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea,
|
||||
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
|
||||
[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus
|
||||
{
|
||||
border: 0; box-shadow: none; color: #46c1be; font-weight: 500; padding: 1rem; line-height: 2rem; height: 3rem;
|
||||
}
|
||||
textarea, textarea:focus {height: 120px;}
|
||||
[type="text"]:focus,[type="text"]:not(:empty), [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
|
||||
[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
|
||||
color: #414042;
|
||||
}
|
||||
|
||||
.subpages.column {float: none; display: inline-block; margin-top: 50px;}
|
||||
.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: none;}
|
||||
|
||||
.top-bar {position: relative; top: 0; width: 100%;}
|
||||
.top-bar.homepage {position: absolute; top: 0; width: 100%;}
|
||||
.top-bar, .top-bar ul {background-color: transparent; z-index: 500;}
|
||||
|
||||
.menu > li:not(.menu-text) > a {font-weight: 700; text-transform:uppercase; color: #4D4D4F}
|
||||
.menu > li:not(.menu-text) > a.active,.menu > li:not(.menu-text).active > a {color: #46c1be}
|
||||
.top-bar-right {margin-top: 75px;}
|
||||
#show-menu {font-size: 1.4rem; line-height: 1.4; margin-top: -10px;}
|
||||
#logo {width:225px; height: auto;}
|
||||
|
||||
.orbit.header {position: relative; z-index: 1;}
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous { background-color: #ffffff; color: #4d4d4f; padding: 40px;}
|
||||
.orbit.header .orbit-next:hover, .orbit.header .orbit-previous:hover { background-color: #46c1be; color: #ffffff;}
|
||||
.orbit.header .orbit-next {border-top-left-radius: 50%; border-bottom-left-radius: 50%; right: -70px;}
|
||||
.orbit.header .orbit-next i {position: relative; left: -30px;}
|
||||
.orbit.header .orbit-previous {border-top-right-radius: 50%; border-bottom-right-radius: 50%; left: -70px;}
|
||||
.orbit.header .orbit-previous i {position: relative; left: 30px;}
|
||||
.orbit.header .orbit-slide {position: relative;}
|
||||
.orbit.header .orbit-slide:before {content: ''; position: absolute; top: 20%; width: 100%; display: block; height: 60%; background-color: rgba(77, 77, 79, 0.70); }
|
||||
.orbit.header .orbit-slide .img {width: 100%; height: 800px; background-size: cover; background-position: center center}
|
||||
.orbit.header .orbit-slide h2, .orbit.header .orbit-slide h3 {
|
||||
position: absolute; top: 0; color: #ffffff; font-family: Lobster, Helvetica, Arial, sans-serif;
|
||||
text-align: center; width: 100%;
|
||||
}
|
||||
.orbit.header .orbit-slide h2 {top: 35%; font-size: 5.2rem;}
|
||||
.orbit.header .orbit-slide h3 {top: calc(38% + 4.2rem); font-size: 3.5rem;}
|
||||
.orbit.header .orbit-bullets {position: absolute; margin: auto; width: 100%; top: 63%;}
|
||||
.orbit.header .orbit-bullets button {width: .95rem; height: .95rem; margin: .35rem; background-color: #ffffff;}
|
||||
.orbit.header .orbit-bullets button.is-active, .orbit-bullets button:hover {background-color: #f58020;}
|
||||
#chevron-down {position: absolute; z-index: 350; display: block; top: 75%; left: calc(50% - 12px); opacity: 0.6; color: #ffffff; cursor: pointer;}
|
||||
#chevron-down:hover {color: #f58020}
|
||||
|
||||
#content h2 {text-transform: uppercase; font-size: 1.5rem; font-weight: 400; text-align: center;}
|
||||
#content h3 {text-align: center; text-transform: uppercase; }
|
||||
#content h4 {font-size: 1.35rem;}
|
||||
hr {border-bottom: 0;width: 5%; margin: 0 auto; position: relative; top: -15px; display:inline-block; height: 1px; background-color: #46c1be}
|
||||
#content p {line-height: 1.3; font-size: 0.9rem;}
|
||||
#content p.small {font-size: .75rem;}
|
||||
|
||||
.grey-wrapper {background-color: #f1f1f1; padding: 50px 0; display: block;}
|
||||
.green-wrapper {background-color: #46c1be; padding: 50px 0; display: block;}
|
||||
.white-wrapper {background-color: #ffffff; padding: 50px 0; display: block;}
|
||||
.backgrounded {background-image: url(images/background_o_nas._white.jpg); background-size: cover; background-position: center center; }
|
||||
|
||||
.assortment-h5 {text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1rem;}
|
||||
.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px; width: 50%;}
|
||||
.assortment-more-btn {color: #46c1be; text-transform: uppercase; font-style: italic; text-align: center; font-size: 0.85rem; width: 100%; display: inline-block; font-weight: 500;}
|
||||
img.thumbnail {border-radius: 50%; width: 100%; height: auto; box-shadow: none; border-width: 2px; border-color: #ffffff;}
|
||||
img.thumbnail.assortment {width: 250px;}
|
||||
img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #ffffff;}
|
||||
|
||||
.sale-image-holder>img {width: 100%; height: auto; border: 1px solid #414042;}
|
||||
.sale-image-holder {margin-bottom: 15px; position: relative; cursor: pointer;}
|
||||
.sale-item-data {display: block; opacity: 0; width: calc(100% - 0.9375rem * 2);height: 100%; position: absolute; top: 0; left: 0.9375rem; background-color: rgba(70, 193, 190, 0.7); color: #ffffff;}
|
||||
.sale-item-data * {color: #ffffff;}
|
||||
.sale-item-data h5 {text-transform: uppercase; font-size: 0.9rem; text-align: center; padding: 15px 10px 0 10px; font-weight: 700; margin-bottom: 0;}
|
||||
.sale-item-data p {margin: -5px auto 0; padding: 0 auto; text-align: center; font-size: 0.8rem;}
|
||||
.sale-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 0.9rem;}
|
||||
|
||||
.gallery-image-holder>img {width: 100%; height: 250px; border: 1px solid #414042; border-radius: 50%;}
|
||||
.gallery-image-holder {margin-bottom: 15px; height: 250px; position: relative; cursor: pointer;}
|
||||
.gallery-image-holder.column:last-child:not(:first-child), .gallery-image-holder.columns:last-child:not(:first-child),
|
||||
.product-category.column:last-child:not(:first-child), .product-category.columns:last-child:not(:first-child),
|
||||
.orbit.footer .column:last-child:not(:first-child), .orbit.footer .columns:last-child:not(:first-child){
|
||||
float: left;
|
||||
}
|
||||
.product-category {margin-bottom: 25px;}
|
||||
.product-category:nth-child(3n) {text-align:left;}
|
||||
.product-category:nth-child(3n+1) {text-align:right;}
|
||||
.product-category:nth-child(3n+2) {text-align:center;}
|
||||
|
||||
.gallery-item-data {display: block; opacity: 0; width: calc(100% - 0.9375rem * 2);height: 100%; position: absolute; top: 0; left: 0.9375rem; background-color: rgba(65, 64, 66, 0.71); color: #ffffff;}
|
||||
.gallery-item-data * {color: #ffffff;}
|
||||
.gallery-item-data h5 {text-transform: uppercase; font-size: 1.1rem; text-align: center; padding: 15px 10px 0 10px; font-weight: 700; margin-bottom: 0;}
|
||||
.gallery-item-data p {margin: 5px; padding: 0 auto; text-align: center; font-size: 0.8rem;}
|
||||
.gallery-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 1.1rem;}
|
||||
|
||||
.white-wrapper h6 {color: #46c1be; text-transform: uppercase; font-size: 1.3rem;}
|
||||
.white-wrapper h6.lowercase {text-transform: none; font-size: 1.2rem;}
|
||||
|
||||
.design-ul-block li {list-style-image: url(images/bullet.png); margin: 15px 30px 25px 30px;}
|
||||
.design-ul-block li h6 {position: relative; top: -7px;}
|
||||
.bullet-h6 h6 {text-transform: none; font-size: 1.2rem;}
|
||||
.bullet-h6 h6:before {content: ''; background-image: url(images/bullet.png); height: 28px; width: 28px; display: inline-block; margin-right: 10px; position: relative; top: 7px;}
|
||||
#content .bullet-h6 p { margin: 7px 30px 30px 40px; font-size: .75rem;}
|
||||
|
||||
.orbit.footer .orbit-next, .orbit.footer .orbit-previous { background-color: #46c1be; padding: 40px;}
|
||||
.orbit.footer .orbit-next:hover, .orbit.footer .orbit-previous:hover { background-color: #f58020;}
|
||||
.orbit.footer .fa {color: #ffffff;}
|
||||
.orbit.footer .orbit-next {border-top-left-radius: 50%; border-bottom-left-radius: 50%; right: -70px;}
|
||||
.orbit.footer .orbit-next i {position: relative; left: -30px;}
|
||||
.orbit.footer .orbit-previous {border-top-right-radius: 50%; border-bottom-right-radius: 50%; left: -70px;}
|
||||
.orbit.footer .orbit-previous i {position: relative; left: 30px;}
|
||||
.orbit.footer .orbit-slide {position: relative; height: 260px;}
|
||||
.orbit.footer .orbit-slide img {width: 100%; height: auto;}
|
||||
|
||||
.image-bullet {margin-right: 7px; position: relative; top: -3px;}
|
||||
.contact-p {margin-bottom: 0; padding-right: 50px; line-height: 1rem; font-weight: 300;}
|
||||
#content p.contact-p.green-text>b {color: #46c1be !important;}
|
||||
|
||||
footer {padding-top: 50px;}
|
||||
footer .menu {display: inline-block;}
|
||||
footer a {color: #414042; font-weight: 500;}
|
||||
.footer-info * {color: #414042 !important;}
|
||||
footer a:hover {color: #46c1be !important;}
|
||||
.social-icons .fa-stack-2x {color: #46c1be;}
|
||||
.social-icons a:hover .fa-stack-2x {color: #414042;}
|
||||
.social-icons .fa.w-t {color: #ffffff;}
|
||||
|
||||
@media (max-width:1023px) {
|
||||
#responsive-menu {display: none;}
|
||||
.top-bar-right .menu.hide-for-large {font-size: 1.5rem; position: absolute; right: 0; top: 25px;}
|
||||
#logo {width:160px; height: auto;}
|
||||
.top-bar-right {margin-top: 0;}
|
||||
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);}
|
||||
.orbit.header .orbit-slide {height: 600px}
|
||||
.orbit.header .orbit-slide:before { top: 30%; height: 50%;}
|
||||
.orbit.header .orbit-slide .img {height: 600px;}
|
||||
.orbit.header .orbit-slide h2 {top: 35%; font-size: 3.8rem;}
|
||||
.orbit.header .orbit-slide h3 {top: calc(38% + 3rem); font-size: 2.7rem;}
|
||||
#chevron-down {top: 73%;}
|
||||
|
||||
.assortment-h5 {text-align: left; margin-left: 175px; font-size: 1.0rem;}
|
||||
.assortment-p {text-align: left; margin-left: 175px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; margin-left: 175px; display: block;}
|
||||
img.thumbnail {float: left; width: 150px; height: 150px;}
|
||||
|
||||
.contact-detail {text-align: center; margin-top: -50px;}
|
||||
#content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;}
|
||||
#content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;}
|
||||
|
||||
#responsive-menu {z-index: 500; width: 50%; height: 100%; min-height: 100%; position: absolute; top: -0; left: 50%; background-color: rgba(70, 193, 190, 0.8); }
|
||||
#hidden-menu-divider {display: block; margin: 50px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;}
|
||||
.menu {height: auto;}
|
||||
.top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;}
|
||||
#responsive-menu .menu li:first-child {margin-top: 100px;}
|
||||
.top-bar-right .menu li a { font-weight: 500;}
|
||||
#responsive-menu .menu li a.active,
|
||||
#responsive-menu .menu li a:hover,
|
||||
#responsive-menu .menu li a:hover *,
|
||||
#responsive-menu .menu li.active a {
|
||||
color: #ffffff; text-decoration: none;
|
||||
}
|
||||
#unload-menu {position: absolute; top: 0; float: right; margin: 10px;}
|
||||
#unload-menu:hover * {color: #ffffff;}
|
||||
}
|
||||
@media (max-width:639px) {
|
||||
#logo {width: 150px; height: auto;}
|
||||
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);}
|
||||
.orbit.header .orbit-slide {height: 500px}
|
||||
.orbit.header .orbit-slide:before { top: 35%; height: 45%;}
|
||||
.orbit.header .orbit-slide .img {height: 500px;}
|
||||
.orbit.header .orbit-slide h2 {top: 42%; padding: 20px 100px; line-height: 0.9;}
|
||||
.orbit.header .orbit-slide h3 {display: none;}
|
||||
.orbit.header .orbit-bullets {display: none;}
|
||||
#chevron-down {display: none;}
|
||||
|
||||
.assortment-h5 {text-align: left; margin-left: 185px; font-size: 1.3rem;}
|
||||
.assortment-p {text-align: left; margin-left: 185px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; margin-left: 185px; display: block;}
|
||||
img.thumbnail {float: left; width: 150px; height: auto;}
|
||||
|
||||
#content h4 {font-size: 1rem; line-height: 1; width: 50%; float: left; padding-left: 30px; padding-right: 30px; text-align: left;}
|
||||
#questions .button { margin-top: 7px !important;}
|
||||
|
||||
#design h6, #design p {text-align: center;}
|
||||
.design-ul-block {width: 95%; margin: auto;}
|
||||
#design .design-ul-block li h6, #design .design-ul-block li p {text-align: left;}
|
||||
#design .bullet-h6 h6,#content .bullet-h6 p {text-align: left;}
|
||||
|
||||
.contact-detail {text-align: center; margin-top: -50px;}
|
||||
#content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;}
|
||||
#content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;}
|
||||
|
||||
.orbit.footer .orbit-slide {height: auto;}
|
||||
.orbit.footer .orbit-slide .small-6{margin-bottom: 10px; float: left;}
|
||||
.orbit.footer .orbit-slide .small-6:nth-child(even):after{}
|
||||
.orbit.footer .orbit-slide .img {height: 530px;}
|
||||
|
||||
.assorment-holder .small-12 {text-align: center !important; margin-bottom: 15px;}
|
||||
.small-extra-large {font-size: 1.2rem !important; width: 80%;}
|
||||
|
||||
footer {padding-top: 20px;}
|
||||
|
||||
.p-lr-50-sm {padding-left: 50px; padding-right: 50px;}
|
||||
|
||||
#responsive-menu {z-index: 500; width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(70, 193, 190, 0.8); }
|
||||
#hidden-menu-divider {display: block; margin: 40px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;}
|
||||
.menu {height: auto;}
|
||||
.top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;}
|
||||
.top-bar-right .menu li a { font-weight: 500;}
|
||||
.top-bar-right .menu li a.active {color: #ffffff;}
|
||||
#unload-menu {position: absolute; top: 0; float: right; margin: 10px;}
|
||||
}
|
||||
|
||||
/* BLightBox defaults */
|
||||
.b-lightbox-holder{background-color:rgba(0,0,0,0.85);width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:1000;}
|
||||
.b-lightbox-image{display:none;border-radius:0;max-height:90%;max-width:90%;position:fixed;margin:0 auto;z-index:1001;}
|
||||
.b-lightbox-close-button{z-index:1100;display:block;position:fixed;top:8px;right:8px;font-size:14px;color:rgba(242,242,242,0.8);cursor:pointer;font-weight:700;}
|
||||
.b-lightbox-close-button:hover {font-weight: 700;}
|
||||
.b-lightbox-direction{z-index:1050;height:100%;font-size:10em;cursor:pointer;display:inline-block;min-width:10%;text-align:center;position:absolute;top:0}
|
||||
.b-lightbox-direction.next{right:0}
|
||||
.b-lightbox-direction.previous{left:0}
|
||||
.b-lightbox-direction:hover{background-color:rgba(242,242,242,0.1); text-decoration: none;}
|
||||
.b-lightbox-direction:before{content:'';height:35%;display:block;width:100%;}
|
||||
.b-lightbox-label{box-sizing:border-box;display:none;z-index:1015;background-color:rgba(70, 193, 190, 0.2);color:rgba(246,246,246,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
!function(e,t){"function"==typeof define&&define.amd?define([],function(){return t()}):"object"==typeof exports?module.exports=t():e.whatInput=t()}(this,function(){"use strict";function e(e){clearTimeout(s),n(e),f=!0,s=setTimeout(function(){f=!1},1e3)}function t(e){f||n(e)}function n(e){var t=o(e),n=r(e),d=w[e.type];"pointer"===d&&(d=i(e)),p!==d&&(!y&&p&&"keyboard"===d&&"tab"!==v[t]&&m.indexOf(n.nodeName.toLowerCase())>=0||(p=d,a.setAttribute("data-whatinput",p),-1===h.indexOf(p)&&h.push(p))),"keyboard"===d&&u(t)}function o(e){return e.keyCode?e.keyCode:e.which}function r(e){return e.target||e.srcElement}function i(e){return"number"==typeof e.pointerType?b[e.pointerType]:e.pointerType}function u(e){-1===c.indexOf(v[e])&&v[e]&&c.push(v[e])}function d(e){var t=o(e),n=c.indexOf(v[t]);-1!==n&&c.splice(n,1)}var s,c=[],a=document.body,f=!1,p=null,m=["input","select","textarea"],y=a.hasAttribute("data-whatinput-formtyping"),w={keydown:"keyboard",mousedown:"mouse",mouseenter:"mouse",touchstart:"touch",pointerdown:"pointer",MSPointerDown:"pointer"},h=[],v={9:"tab",13:"enter",16:"shift",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down"},b={2:"touch",3:"touch",4:"mouse"};return function(){var n="mousedown";window.PointerEvent?n="pointerdown":window.MSPointerEvent&&(n="MSPointerDown"),a.addEventListener(n,t),a.addEventListener("mouseenter",t),"ontouchstart"in document.documentElement&&a.addEventListener("touchstart",e),a.addEventListener("keydown",t),a.addEventListener("keyup",d)}(),{ask:function(){return p},keys:function(){return c},types:function(){return h},set:n}});
|
||||
@@ -1,106 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet'
|
||||
type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
|
||||
<link href="@asset('foundation.min.css')" type="text/css" rel="stylesheet">
|
||||
<script src="@asset('vendor/jquery.min.js')" type="text/javascript"></script>
|
||||
<script src="@asset('foundation.min.js')" type="text/javascript"></script>
|
||||
<script src="@asset('BLightBox.js')"></script>
|
||||
<script src="@asset('script.js')" type="text/javascript"></script>
|
||||
<link href="@asset('layout.css')" type="text/css" rel="stylesheet">
|
||||
<link href="@asset('style.css')" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
@if (!empty($googleAnalyticsCode))
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{$googleAnalyticsCode}}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
@endif
|
||||
<div class="top-bar">
|
||||
<div class="top-bar-left">
|
||||
<ul class="menu">
|
||||
<li class="menu-text">
|
||||
<a href="{{route('page.index')}}">
|
||||
<img id="logo" src="@asset('images/cwbs_logo_medium.png')" alt="Custom Wristbands Logo">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()" id="show-menu">MENU<i class="fa fa-fw fa-2x fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<a href="#" id="unload-menu" class="hide-for-large" onclick="hideResponsiveMenu();"><i class="fa fa-fw fa-2x fa-mail-reply"></i></a>
|
||||
@widgetArea('mainMenu')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/Custom-Wristbands-1657363637860379/?fref=ts." target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/cwbs.cz/" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
{{-- <li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>--}}
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
@widgetArea('mainMenu')
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@widgetArea('footer')
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<div id="binarity">
|
||||
Vytvořila společnost <a target="_blank" href="https://www.binarity.cz/"> binarity s.r.o.</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1 +0,0 @@
|
||||
404
|
||||
@@ -1 +0,0 @@
|
||||
Maintenance mode
|
||||
@@ -1 +0,0 @@
|
||||
Homepage is not available at the moment...
|
||||
@@ -1,168 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet'
|
||||
type='text/css'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
|
||||
<link href="@asset('foundation.min.css')" type="text/css" rel="stylesheet">
|
||||
<script src="@asset('vendor/jquery.min.js')" type="text/javascript"></script>
|
||||
<script src="@asset('foundation.min.js')" type="text/javascript"></script>
|
||||
<script src="@asset('BLightBox.js')"></script>
|
||||
<script src="@asset('script.js')" type="text/javascript"></script>
|
||||
<link href="@asset('layout.css')" type="text/css" rel="stylesheet">
|
||||
<link href="@asset('style.css')" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
@if (!empty($googleAnalyticsCode))
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{$googleAnalyticsCode}}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
@endif
|
||||
<div class="top-bar homepage">
|
||||
<div class="top-bar-left">
|
||||
<ul class="menu">
|
||||
<li class="menu-text">
|
||||
<a href="{{route('page.index')}}">
|
||||
<img id="logo" src="@asset('images/cwbs_logo_medium.png')" alt="Custom Wristbands Logo">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()" id="show-menu">MENU<i class="fa fa-fw fa-2x fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<a href="#" id="unload-menu" class="hide-for-large" onclick="hideResponsiveMenu();"><i class="fa fa-fw fa-2x fa-mail-reply"></i></a>
|
||||
@widgetArea('mainMenu')
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@widgetArea('homepageSlider')
|
||||
|
||||
<div id="content">
|
||||
@yield('content')
|
||||
|
||||
@include('visitor.cwbs.quickFormWrapper')
|
||||
<div class="white-wrapper clearfix">
|
||||
<div class="row column medium-11 small-10 small-centered medium-centered " id="design">
|
||||
<div class="columns medium-7 ">
|
||||
@widgetArea('infoSirsi')
|
||||
{{--<h6>Design a potisk</h6>--}}
|
||||
{{--<p>--}}
|
||||
{{--<strong><i>--}}
|
||||
{{--Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor--}}
|
||||
{{--incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,--}}
|
||||
{{--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.--}}
|
||||
{{--</i></strong>--}}
|
||||
{{--</p>--}}
|
||||
{{--<p>--}}
|
||||
{{--Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore--}}
|
||||
{{--et--}}
|
||||
{{--dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut--}}
|
||||
{{--aliquip--}}
|
||||
{{--ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum--}}
|
||||
{{--dolore--}}
|
||||
{{--eu fugiat nulla pariatur.--}}
|
||||
{{--</p>--}}
|
||||
</div>
|
||||
<div class="columns medium-5">
|
||||
|
||||
@widgetArea('infoUzsi')
|
||||
|
||||
{{--<ul class="design-ul-block">--}}
|
||||
{{--<li>--}}
|
||||
|
||||
{{--<h6 class="lowercase">--}}
|
||||
{{--Proč si vybrat právě nás?--}}
|
||||
{{--</h6>--}}
|
||||
{{--<p class="small">--}}
|
||||
{{--Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor--}}
|
||||
{{--incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,--}}
|
||||
{{--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.--}}
|
||||
{{--</p>--}}
|
||||
{{--</li>--}}
|
||||
{{--<li>--}}
|
||||
{{--<h6 class="lowercase">--}}
|
||||
{{--Jaký používáme materiál?--}}
|
||||
{{--</h6>--}}
|
||||
{{--<p class="small">--}}
|
||||
{{--Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor--}}
|
||||
{{--incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,--}}
|
||||
{{--sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.--}}
|
||||
{{--</p>--}}
|
||||
{{--</li>--}}
|
||||
{{--</ul>--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large">
|
||||
<div class="row column text-center">
|
||||
<h2 id="galerie">Galerie</h2>
|
||||
<hr>
|
||||
</div>
|
||||
@widgetArea('galerieSlider')
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="https://www.facebook.com/Custom-Wristbands-1657363637860379/?fref=ts" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/cwbs.cz/" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
{{-- <li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>--}}
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
@widgetArea('mainMenu')
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@widgetArea('footer')
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<div id="binarity">
|
||||
Vytvořila společnost <a target="_blank" href="https://www.binarity.cz/">binarity s.r.o.</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,9 +0,0 @@
|
||||
@extendVisitor('defaultLayout')
|
||||
|
||||
|
||||
@section('content')
|
||||
<h2>{{$page->title}}</h2>
|
||||
<hr>
|
||||
|
||||
{!! $page->content !!}
|
||||
@endsection
|
||||
@@ -1,87 +0,0 @@
|
||||
@extendVisitor('defaultLayout')
|
||||
@section('content')
|
||||
|
||||
<div class="grey-wrapper p-b-0">
|
||||
<div class="row column text-center m-b-25 show-for-large">
|
||||
<h2>Kontakt</h2>
|
||||
</div>
|
||||
<div class="medium-12 large-6 column columns p-lr-0 contact-detail">
|
||||
<div class="column text-right large-12 medium-6 p-lr-0">
|
||||
<h2 class="hide-for-large">Kontakt</h2>
|
||||
<p class="contact-p green-text"><b>{{$page->module_settings->companyName or "Název společnosti"}}</b></p>
|
||||
<p class="contact-p">
|
||||
{!! nl2br($page->module_settings->address) !!}
|
||||
<br>
|
||||
-<br>
|
||||
tel.: {{$page->module_settings->phone or "Telefonní kontakt"}}<br>
|
||||
e-mail: <a href="mailto:{{$page->module_settings->email or "e-mail"}}">{{$page->module_settings->email or "e-mail"}}</a></p>
|
||||
<br>
|
||||
</div>
|
||||
<div id="map" class="column large-12 medium-6 p-lr-0" style="height: 250px;"></div>
|
||||
<script type="text/javascript">
|
||||
function initMap() {
|
||||
var myLatLng = {lat: parseFloat('{{$page->module_settings->gpsLat}}'), lng: parseFloat('{{$page->module_settings->gpsLng}}')};
|
||||
|
||||
// Create a map object and specify the DOM element for display.
|
||||
var map = new google.maps.Map(document.getElementById('map'), {
|
||||
center: myLatLng,
|
||||
scrollwheel: false,
|
||||
zoom: 18
|
||||
});
|
||||
|
||||
// Create a marker and set its position.
|
||||
var marker = new google.maps.Marker({
|
||||
map: map,
|
||||
position: myLatLng,
|
||||
title: '{{$page->module_settings->companyName}}'
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjADMGOysqt0ibo9mD5Cr8rs47ZQF8rKQ&callback=initMap" async defer></script>
|
||||
</div>
|
||||
<div class="large-6 column green-wrapper p-25" id="contact-form">
|
||||
<div class="column large-12 medium-8 medium-centered p-lr-0 p-lr-50-sm">
|
||||
<h6 class="text-center uppercase m-b-25 bold">Napište nám</h6>
|
||||
<form id="form-{{$page->id}}">
|
||||
{!! csrf_field() !!}
|
||||
<div class="column medium-6">
|
||||
<input class="rounded large" placeholder="jméno a příjmení" name="name" type="text">
|
||||
</div>
|
||||
<div class="column medium-6">
|
||||
<input class="rounded large" placeholder="telefon" name="phone" type="text">
|
||||
{{--<input class="rounded large" placeholder="počet kusů" name="pieces" type="text">--}}
|
||||
</div>
|
||||
<div class="column medium-12">
|
||||
<input class="rounded large" placeholder="e-mail" name="email" type="text">
|
||||
<textarea class="rounded large" placeholder="zpráva" name="message"></textarea>
|
||||
</div>
|
||||
<div class="column medium-4">
|
||||
<input class="rounded large" placeholder="2+5=?" type="text" name="intCaptcha">
|
||||
</div>
|
||||
<div class="column medium-6 right">
|
||||
<a href="#" class="button expanded long secondary rounded" id="formSend">ODESLAT</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$('#formSend').click(function() {
|
||||
$(this).value = 'Odesílám...';
|
||||
$.ajax({
|
||||
url: "{{route('email.send', ['formId' => $page->id])}}",
|
||||
method: 'post',
|
||||
data: $('#form-{{$page->id}}').serialize()
|
||||
}).done(function(resp) {
|
||||
if(resp.status == true) {
|
||||
alert('Úspešne ste nám odoslali správu. Odpovieme Vám čo najskôr!');
|
||||
window.top.location.reload();
|
||||
} else {
|
||||
alert(resp.message);
|
||||
}
|
||||
$(this).value="ODESLAT";
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -1,33 +0,0 @@
|
||||
@extendVisitor('defaultLayout')
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="grey-wrapper m-t-25 clearfix">
|
||||
<div class="row column gallert" id="gallery-images">
|
||||
<h2 class="m-b-25">{{$page->title}}</h2>
|
||||
@foreach($images as $index => $image)
|
||||
<div class="column medium-3 small-6 gallery-image-holder b-invo" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
|
||||
<img src="{{config('app.upload_url')}}/{{$image->filename}}" alt="{{$image->name}}">
|
||||
<div class="gallery-item-data text-center">
|
||||
@if (isset($image->name) && !empty($image->name))
|
||||
<h5>{{$image->name}}</h5>
|
||||
@endif
|
||||
<p>{{$image->description}}</p>
|
||||
{{--<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>--}}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="clearfix"></div>
|
||||
{{--
|
||||
THIS IS FOR OVERLAYING IMAGES ON GALLERY (DOPRODEJ)
|
||||
$('.gallery-image-holder').mouseenter(function() {
|
||||
$(this).find('.gallery-item-data').animate({opacity: 1}, 100, 'swing');
|
||||
}).mouseleave(function() {
|
||||
$(this).find('.gallery-item-data').animate({opacity: 0}, 300, 'swing');
|
||||
});--}}
|
||||
</div>
|
||||
</div>
|
||||
@include('visitor.cwbs.quickFormWrapper')
|
||||
|
||||
@endsection
|
||||
@@ -1,33 +0,0 @@
|
||||
@extendVisitor('defaultLayout')
|
||||
|
||||
@section('content')
|
||||
<div class="grey-wrapper">
|
||||
<div class="row column text-center">
|
||||
<h2 id="assortment">{{$page->title}}</h2>
|
||||
</div>
|
||||
<div class="row text-center assorment-holder">
|
||||
@forelse($page->subpages() as $i => $subpage)
|
||||
<div class="column subpages text-center small-12 medium-6 large-3 left m-b-25" data-equalizer-watch>
|
||||
<div class="image-clicker b-invo" data-img="" data-label="{{$subpage->title}}" >
|
||||
<img class="thumbnail" src="@upload($subpage->title_photo)" alt="{{$subpage->title}}">
|
||||
</div>
|
||||
<h5 class="assortment-h5">{{$subpage->title}}</h5>
|
||||
{{--<p class="assortment-p">{{$subSubpage->meta_description}}</p>--}}
|
||||
<a href="{{route('page.content', ['url' => $subpage->url])}}"
|
||||
class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
@empty
|
||||
@if (!empty($page->title_photo))
|
||||
<div class="image-clicker b-invo" data-img="" data-label="{{$page->title}}" >
|
||||
<img class="thumbnail assortment" src="@upload($page->title_photo)">
|
||||
</div>
|
||||
@endif
|
||||
@endforelse
|
||||
<div class="clearfix"></div>
|
||||
<div class="m-b-25 m-t-50 p-lr-50-sm">
|
||||
{!! $page->content !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('visitor.cwbs.quickFormWrapper')
|
||||
@endsection
|
||||
@@ -1,30 +0,0 @@
|
||||
@extendVisitor('homepageLayout')
|
||||
|
||||
@section('content')
|
||||
|
||||
@if (!empty($page->subpages()))
|
||||
@foreach($page->subpages() as $i => $subpage)
|
||||
<div class="row column text-center medium-11 medium-centered m-t-25 p-lr-50-sm">
|
||||
<h2>{{$subpage->title}}</h2>
|
||||
<hr>
|
||||
{!! $subpage->content !!}
|
||||
<div class="m-b-25 medium-11 medium-centered m-t-25 p-lr-50-sm" data-equalizer data-equalize-on="medium">
|
||||
@if (!empty($subpage->subpages()))
|
||||
@foreach($subpage->subpages() as $y => $subSubpage)
|
||||
<div class="column subpages text-center small-12 medium-6 large-3 left m-b-25" data-equalizer-watch>
|
||||
<div class="image-clicker b-invo" data-img="" data-label="{{$subSubpage->title}}" >
|
||||
<img class="thumbnail" src="@upload($subSubpage->title_photo)" alt="{{$subSubpage->title}}">
|
||||
</div>
|
||||
<h5 class="assortment-h5">{{$subSubpage->title}}</h5>
|
||||
{{--<p class="assortment-p">{{$subSubpage->meta_description}}</p>--}}
|
||||
<a href="{{route('page.content', ['url' => $subSubpage->url])}}"
|
||||
class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
@endif
|
||||
|
||||
@endsection
|
||||
@@ -1,6 +0,0 @@
|
||||
<div class="green-wrapper clearfix">
|
||||
<div class="row column text-center" id="questions">
|
||||
<h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
|
||||
<a href="{{route('page.content', ['url' => 'kontakt'])}}" class="button secondary m-t-25 large rounded">NAPIŠTE NÁM</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,155 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
|
||||
<link href="foundation.min.css" type="text/css" rel="stylesheet">
|
||||
<script src="vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="foundation.min.js" type="text/javascript"></script>
|
||||
<link href="layout.css" type="text/css" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()">MENU<i class="fa fa-fw fa-lg fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<ul class="menu">
|
||||
<li id="hidden-menu-divider" class="hide-for-large pointer" onclick="hideResponsiveMenu()">MENU<br><span class="dark">-</span></li>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="white-wrapper backgrounded text-center p-lr-50-sm">
|
||||
<div class="row column text-center m-b-25">
|
||||
<h2 id="about">O nás</h2>
|
||||
</div>
|
||||
<h6 class="lowercase">
|
||||
<img src="images/bullet.png" alt="Image-bullet" class="image-bullet">Čemu se věnujeme?
|
||||
</h6>
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore<br>
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br>
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
|
||||
</p>
|
||||
<h6 class="lowercase">
|
||||
<img src="images/bullet.png" alt="Image-bullet" class="image-bullet">Proč si vybrat právě nás?
|
||||
</h6>
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore<br>
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br>
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
|
||||
</p>
|
||||
<h6 class="lowercase">
|
||||
<img src="images/bullet.png" alt="Image-bullet" class="image-bullet">Jaký používáme materiál?
|
||||
</h6>
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore<br>
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br>
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="green-wrapper clearfix">
|
||||
<div class="row column text-center" id="questions">
|
||||
<h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
|
||||
<a href="#" class="button secondary m-t-25 large rounded">RYCHLÝ FORMULÁŘ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<ul class="menu hide-for-small-only">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#" class="active">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#">Název</a> -
|
||||
<a href="#">Adresa</a> -
|
||||
<a href="#">www.url.cz</a> -
|
||||
<a href="#">email@email</a> -
|
||||
<a href="#">00420147852369</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).foundation();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
|
||||
}
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,160 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
|
||||
<link href="foundation.min.css" type="text/css" rel="stylesheet">
|
||||
<script src="vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="foundation.min.js" type="text/javascript"></script>
|
||||
<link href="layout.css" type="text/css" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()">MENU<i class="fa fa-fw fa-lg fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<ul class="menu">
|
||||
<li id="hidden-menu-divider" class="hide-for-large pointer" onclick="hideResponsiveMenu()">MENU<br><span class="dark">-</span></li>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="grey-wrapper p-b-0">
|
||||
<div class="row column text-center m-b-25 show-for-large">
|
||||
<h2>Kontakt</h2>
|
||||
</div>
|
||||
<div class="medium-12 large-6 column columns p-lr-0 contact-detail">
|
||||
<div class="column text-right large-12 medium-6 p-lr-0">
|
||||
<h2 class="hide-for-large">Kontakt</h2>
|
||||
<p class="contact-p green-text"><b>CUSTOM WRISTBANDS s.r.o.</b></p>
|
||||
<p class="contact-p">Pražská 222/22<br>
|
||||
120 00 Praha 2<br>
|
||||
IČ: 012 345 67<br>
|
||||
<br>
|
||||
-<br>
|
||||
tel.: +420 606 666 111<br>
|
||||
e-mail: <a href="mailto:">info@cw.cz</a></p>
|
||||
<br>
|
||||
</div>
|
||||
<iframe class="column large-12 medium-6 p-lr-0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2560.626144078246!2d14.390829515545695!3d50.074562779425236!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470b95000e41d5fb%3A0xf58ae0d8a9f480ed!2zxaB2w6lkc2vDoSAxMTI3LzI5LCBTbcOtY2hvdiwgMTUwIDAwIFByYWhhLVByYWhhIDU!5e0!3m2!1scs!2scz!4v1458938407867" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="large-6 column green-wrapper p-25" id="contact-form">
|
||||
<div class="column large-12 medium-8 medium-centered p-lr-0 p-lr-50-sm">
|
||||
<h6 class="text-center uppercase m-b-25 bold">Rychlý formulář</h6>
|
||||
<div class="column medium-6">
|
||||
<input type="text" class="rounded large" placeholder="jméno a příjmení">
|
||||
<input type="text" class="rounded large" placeholder="e-mail">
|
||||
</div>
|
||||
<div class="column medium-6">
|
||||
<input type="text" class="rounded large" placeholder="telefon">
|
||||
<input type="text" class="rounded large" placeholder="počet kusů">
|
||||
</div>
|
||||
<div class="column medium-12">
|
||||
<textarea class="rounded large" placeholder="zpráva"></textarea>
|
||||
</div>
|
||||
<div class="column medium-4">
|
||||
<input type="text" class="rounded large" placeholder="2+5=?">
|
||||
</div>
|
||||
<div class="column medium-6 right">
|
||||
<a href="#" class="button expanded long secondary rounded">ODESLAT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<ul class="menu">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#" class="active">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#">Název</a> -
|
||||
<a href="#">Adresa</a> -
|
||||
<a href="#">www.url.cz</a> -
|
||||
<a href="#">email@email</a> -
|
||||
<a href="#">00420147852369</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).foundation();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
|
||||
}
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,268 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
|
||||
<link href="foundation.min.css" type="text/css" rel="stylesheet">
|
||||
<script src="vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="foundation.min.js" type="text/javascript"></script>
|
||||
<link href="layout.css" type="text/css" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()">MENU<i class="fa fa-fw fa-lg fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<ul class="menu">
|
||||
<li id="hidden-menu-divider" class="hide-for-large pointer" onclick="hideResponsiveMenu()">MENU<br><span class="dark">-</span></li>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="grey-wrapper m-t-25 clearfix">
|
||||
<div class="row column" id="gallery-images">
|
||||
<h2 class="m-b-25">Galerie</h2>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-3 gallery-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="gallery-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$('.gallery-image-holder').mouseenter(function() {
|
||||
$(this).find('.gallery-item-data').animate({opacity: 1}, 100, 'swing');
|
||||
}).mouseleave(function() {
|
||||
$(this).find('.gallery-item-data').animate({opacity: 0}, 300, 'swing');
|
||||
})
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="green-wrapper clearfix">
|
||||
<div class="row column text-center" id="questions">
|
||||
<h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
|
||||
<a href="#" class="button secondary m-t-25 large rounded">RYCHLÝ FORMULÁŘ</a>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<ul class="menu hide-for-small-only">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#" class="active">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#">Název</a> -
|
||||
<a href="#">Adresa</a> -
|
||||
<a href="#">www.url.cz</a> -
|
||||
<a href="#">email@email</a> -
|
||||
<a href="#">00420147852369</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).foundation();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
|
||||
}
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,484 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
|
||||
<link href="foundation.min.css" type="text/css" rel="stylesheet">
|
||||
<script src="vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="foundation.min.js" type="text/javascript"></script>
|
||||
<link href="layout.css" type="text/css" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar homepage">
|
||||
<div class="top-bar-left">
|
||||
<ul class="menu">
|
||||
<li class="menu-text">
|
||||
<a href="/"><img id="logo" src="images/cwbs_logo_medium.png" alt="Custom Wristbands Logo"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()">MENU<i class="fa fa-fw fa-lg fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<ul class="menu">
|
||||
<li id="hidden-menu-divider" class="hide-for-large pointer" onclick="hideResponsiveMenu()">MENU<br><span class="dark">-</span></li>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="orbit header" role="region" aria-label="Favorite Space Pictures" data-orbit>
|
||||
<ul class="orbit-container">
|
||||
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span><i class="fa fa-fw fa-2x fa-chevron-left"></i></button>
|
||||
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span><i class="fa fa-fw fa-2x fa-chevron-right"></i></button>
|
||||
<li class="orbit-slide is-active">
|
||||
<h2>Silikonové náramky1</h2>
|
||||
<h3>všeho druhu</h3>
|
||||
<div class="img" style="background-image: url(images/Sabaton.jpg);"></div>
|
||||
</li>
|
||||
<li class="orbit-slide">
|
||||
<h2>Silikonové náramky2</h2>
|
||||
<h3>všeho druhu</h3>
|
||||
<div class="img" style="background-image: url(images/background_o_nás.jpg);"></div>
|
||||
</li>
|
||||
<li class="orbit-slide">
|
||||
<h2>Silikonové náramky3</h2>
|
||||
<h3>všeho druhu</h3>
|
||||
<div class="img" style="background-image: url(images/Sabaton.jpg);"></div>
|
||||
</li>
|
||||
<li class="orbit-slide">
|
||||
<h2>Silikonové náramky4</h2>
|
||||
<h3>všeho druhu</h3>
|
||||
<div class="img" style="background-image: url(images/Sabaton.jpg);"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<nav class="orbit-bullets">
|
||||
<button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
|
||||
<button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
|
||||
<button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
|
||||
<button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
|
||||
</nav>
|
||||
<i id="chevron-down" class="fa fa-2x fa-chevron-circle-down text-center white-text pointer" onclick="animateScroll()"></i>
|
||||
<script>
|
||||
|
||||
function animateScroll() {
|
||||
var body = $("html, body");
|
||||
body.stop().animate({scrollTop:$('#assortment').offset().top}, '200', 'swing');
|
||||
}
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<div id="content">
|
||||
<div class="row column text-center m-t-25 p-lr-50-sm">
|
||||
<h2 id="assortment">Náš sortiment</h2>
|
||||
<hr>
|
||||
<p class="text-center">
|
||||
The city needs Bruce Wayne, your resources, your knowledge. It doesn't need your body or your life. That time is past.
|
||||
<br>
|
||||
Seven hundred twelve counts of extortion. Eight hundred and forty-nine counts of racketeering. Two hundred and forty-six counts of fraud. Eighty-seven counts of conspiracy murder.Five hundred and twenty-seven counts of obstruction of justice. How do the defendants plead?
|
||||
<br>
|
||||
You know how to fight six men. We can teach you how to engage 600.
|
||||
<br>
|
||||
You have inspired good. But you spat in the faces of Gotham's criminals. Didn't you think there might be casualties? Things always get worse before they get better.
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="row m-b-25 m-t-25 p-lr-50-sm" data-equalizer data-equalize-on="medium">
|
||||
<div class="column text-center small-12 medium-6 large-3" data-equalizer-watch>
|
||||
<img class="thumbnail" src="http://placehold.it/250x250">
|
||||
<h5 class="assortment-h5">Silikonové náramky</h5>
|
||||
<p class="assortment-p">Lorem ipsum dolor
|
||||
sit amet, consectetur
|
||||
adipiscing elit,
|
||||
sed do eiusmod
|
||||
tempor incididunt
|
||||
ut labore et dolore
|
||||
magna aliqua.</p>
|
||||
<a href="#" class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
<div class="column text-center small-12 medium-6 large-3" data-equalizer-watch>
|
||||
<img class="thumbnail" src="http://placehold.it/250x250">
|
||||
<h5 class="assortment-h5">Atypické náramky</h5>
|
||||
<p class="assortment-p">Lorem ipsum dolor
|
||||
sit amet, consectetur
|
||||
adipiscing elit,
|
||||
sed do eiusmod
|
||||
tempor incididunt
|
||||
ut labore et dolore
|
||||
magna aliqua.</p>
|
||||
<a href="#" class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
<div class="column text-center small-12 medium-6 large-3" data-equalizer-watch>
|
||||
<img class="thumbnail" src="http://placehold.it/250x250">
|
||||
<h5 class="assortment-h5">Papírové a látkové náramky</h5>
|
||||
<p class="assortment-p">Lorem ipsum dolor
|
||||
sit amet, consectetur
|
||||
adipiscing elit,
|
||||
sed do eiusmod
|
||||
tempor incididunt
|
||||
ut labore et dolore
|
||||
magna aliqua.</p>
|
||||
<a href="#" class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
<div class="column text-center small-12 medium-6 large-3" data-equalizer-watch>
|
||||
<img class="thumbnail" src="http://placehold.it/250x250">
|
||||
<h5 class="assortment-h5">Silikonové klíčenky</h5>
|
||||
<p class="assortment-p">Lorem ipsum dolor
|
||||
sit amet, consectetur
|
||||
adipiscing elit,
|
||||
sed do eiusmod
|
||||
tempor incididunt
|
||||
ut labore et dolore
|
||||
magna aliqua.</p>
|
||||
<a href="#" class="assortment-more-btn text-center">- více zde -</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div class="grey-wrapper m-t-25 clearfix">
|
||||
<div class="row column" id="sale-images">
|
||||
<h2 class="m-b-25">Doprodej zboží</h2>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column medium-2 sale-image-holder">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
<div class="sale-item-data text-center">
|
||||
<h5>Název produktu</h5>
|
||||
<p>popis</p>
|
||||
<p>počet ks</p>
|
||||
<p class="price">cena: 39,-Kč/ks</p>
|
||||
<a href="#" class="button secondary rounded m-t-25">DETAIL</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
$('.sale-image-holder').mouseenter(function() {
|
||||
$(this).find('.sale-item-data').animate({opacity: 1}, 100, 'swing');
|
||||
}).mouseleave(function() {
|
||||
$(this).find('.sale-item-data').animate({opacity: 0}, 300, 'swing');
|
||||
})
|
||||
</script>
|
||||
</div>-->
|
||||
<div class="green-wrapper clearfix">
|
||||
<div class="row column text-center" id="questions">
|
||||
<h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
|
||||
<a href="#" class="button secondary m-t-25 large rounded">RYCHLÝ FORMULÁŘ</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="white-wrapper clearfix p-lr-50-sm">
|
||||
<div class="row column" id="design">
|
||||
<div class="columns medium-7">
|
||||
<h6>Design a potisk</h6>
|
||||
<p>
|
||||
<strong><i>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</i></strong>
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
|
||||
eu fugiat nulla pariatur.
|
||||
</p>
|
||||
</div>
|
||||
<div class="columns medium-5">
|
||||
<ul class="design-ul-block">
|
||||
<li>
|
||||
|
||||
<h6 class="lowercase">
|
||||
Proč si vybrat právě nás?
|
||||
</h6>
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h6 class="lowercase">
|
||||
Jaký používáme materiál?
|
||||
</h6>
|
||||
<p class="small">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua, amet, consectetur adipiscing elit,
|
||||
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large">
|
||||
<div class="row column text-center">
|
||||
<h2 id="galerie">Galerie</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="orbit footer" role="region" aria-label="Favorite Space Pictures" data-orbit>
|
||||
<ul class="orbit-container text-center">
|
||||
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span><i class="fa fa-fw fa-2x fa-chevron-left"></i></button>
|
||||
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span><i class="fa fa-fw fa-2x fa-chevron-right"></i></button>
|
||||
<li class="orbit-slide is-active row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<ul class="menu hide-for-small-only">
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#">Název</a> -
|
||||
<a href="#">Adresa</a> -
|
||||
<a href="#">www.url.cz</a> -
|
||||
<a href="#">email@email</a> -
|
||||
<a href="#">00420147852369</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).foundation();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
|
||||
}
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 937 B |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
-656
@@ -1,656 +0,0 @@
|
||||
.slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
|
||||
transition-duration: 500ms;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.slide-in-down.mui-enter {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-down.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.slide-in-left.mui-enter {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-left.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.slide-in-up.mui-enter {
|
||||
-webkit-transform: translateY(100%);
|
||||
transform: translateY(100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-up.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.slide-in-right.mui-enter {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-in-right.mui-enter.mui-enter-active {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.slide-out-down.mui-leave {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-down.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.slide-out-right.mui-leave {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-right.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.slide-out-up.mui-leave {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-up.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.slide-out-left.mui-leave {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.slide-out-left.mui-leave.mui-leave-active {
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.fade-in.mui-enter {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
.fade-in.mui-enter.mui-enter-active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fade-out.mui-leave {
|
||||
opacity: 1;
|
||||
transition-property: opacity;
|
||||
}
|
||||
|
||||
.fade-out.mui-leave.mui-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-top.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-top.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-right.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
-webkit-transform-origin: right;
|
||||
transform-origin: right;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-right.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-bottom.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(90deg);
|
||||
transform: perspective(2000px) rotateX(90deg);
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-bottom.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-left.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(90deg);
|
||||
transform: perspective(2000px) rotateY(90deg);
|
||||
-webkit-transform-origin: left;
|
||||
transform-origin: left;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-left.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-x.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-y.mui-enter {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-top.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-top.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-right.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: right;
|
||||
transform-origin: right;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-right.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-bottom.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-bottom.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(90deg);
|
||||
transform: perspective(2000px) rotateX(90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-left.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: left;
|
||||
transform-origin: left;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-left.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(90deg);
|
||||
transform: perspective(2000px) rotateY(90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-x.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateX(-90deg);
|
||||
transform: perspective(2000px) rotateX(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-y.mui-leave {
|
||||
-webkit-transform: perspective(2000px) rotate(0deg);
|
||||
transform: perspective(2000px) rotate(0deg);
|
||||
-webkit-transform-origin: center;
|
||||
transform-origin: center;
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
|
||||
-webkit-transform: perspective(2000px) rotateY(-90deg);
|
||||
transform: perspective(2000px) rotateY(-90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-up.mui-enter {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-up.mui-enter.mui-enter-active {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-in-down.mui-enter {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-in-down.mui-enter.mui-enter-active {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-up.mui-leave {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-up.mui-leave.mui-leave-active {
|
||||
-webkit-transform: scale(1.5);
|
||||
transform: scale(1.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.scale-out-down.mui-leave {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.scale-out-down.mui-leave.mui-leave-active {
|
||||
-webkit-transform: scale(0.5);
|
||||
transform: scale(0.5);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in.mui-enter {
|
||||
-webkit-transform: rotate(-0.75turn);
|
||||
transform: rotate(-0.75turn);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in.mui-enter.mui-enter-active {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out.mui-leave {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out.mui-leave.mui-leave-active {
|
||||
-webkit-transform: rotate(0.75turn);
|
||||
transform: rotate(0.75turn);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in-ccw.mui-enter {
|
||||
-webkit-transform: rotate(0.75turn);
|
||||
transform: rotate(0.75turn);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.spin-in-ccw.mui-enter.mui-enter-active {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out-ccw.mui-leave {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.spin-out-ccw.mui-leave.mui-leave-active {
|
||||
-webkit-transform: rotate(-0.75turn);
|
||||
transform: rotate(-0.75turn);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.slow {
|
||||
transition-duration: 750ms !important;
|
||||
}
|
||||
|
||||
.fast {
|
||||
transition-duration: 250ms !important;
|
||||
}
|
||||
|
||||
.linear {
|
||||
transition-timing-function: linear !important;
|
||||
}
|
||||
|
||||
.ease {
|
||||
transition-timing-function: ease !important;
|
||||
}
|
||||
|
||||
.ease-in {
|
||||
transition-timing-function: ease-in !important;
|
||||
}
|
||||
|
||||
.ease-out {
|
||||
transition-timing-function: ease-out !important;
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
transition-timing-function: ease-in-out !important;
|
||||
}
|
||||
|
||||
.bounce-in {
|
||||
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.bounce-out {
|
||||
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
}
|
||||
|
||||
.bounce-in-out {
|
||||
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.short-delay {
|
||||
transition-delay: 300ms !important;
|
||||
}
|
||||
|
||||
.long-delay {
|
||||
transition-delay: 700ms !important;
|
||||
}
|
||||
|
||||
.shake {
|
||||
-webkit-animation-name: shake-7;
|
||||
animation-name: shake-7;
|
||||
}
|
||||
|
||||
@-webkit-keyframes shake-7 {
|
||||
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
|
||||
-webkit-transform: translateX(7%);
|
||||
transform: translateX(7%);
|
||||
}
|
||||
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
|
||||
-webkit-transform: translateX(-7%);
|
||||
transform: translateX(-7%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shake-7 {
|
||||
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
|
||||
-webkit-transform: translateX(7%);
|
||||
transform: translateX(7%);
|
||||
}
|
||||
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
|
||||
-webkit-transform: translateX(-7%);
|
||||
transform: translateX(-7%);
|
||||
}
|
||||
}
|
||||
|
||||
.spin-cw {
|
||||
-webkit-animation-name: spin-cw-1turn;
|
||||
animation-name: spin-cw-1turn;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.spin-ccw {
|
||||
-webkit-animation-name: spin-cw-1turn;
|
||||
animation-name: spin-cw-1turn;
|
||||
}
|
||||
|
||||
@keyframes spin-cw-1turn {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
.wiggle {
|
||||
-webkit-animation-name: wiggle-7deg;
|
||||
animation-name: wiggle-7deg;
|
||||
}
|
||||
|
||||
@-webkit-keyframes wiggle-7deg {
|
||||
40%, 50%, 60% {
|
||||
-webkit-transform: rotate(7deg);
|
||||
transform: rotate(7deg);
|
||||
}
|
||||
35%, 45%, 55%, 65% {
|
||||
-webkit-transform: rotate(-7deg);
|
||||
transform: rotate(-7deg);
|
||||
}
|
||||
0%, 30%, 70%, 100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wiggle-7deg {
|
||||
40%, 50%, 60% {
|
||||
-webkit-transform: rotate(7deg);
|
||||
transform: rotate(7deg);
|
||||
}
|
||||
35%, 45%, 55%, 65% {
|
||||
-webkit-transform: rotate(-7deg);
|
||||
transform: rotate(-7deg);
|
||||
}
|
||||
0%, 30%, 70%, 100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
.infinite {
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.slow {
|
||||
-webkit-animation-duration: 750ms !important;
|
||||
animation-duration: 750ms !important;
|
||||
}
|
||||
|
||||
.fast {
|
||||
-webkit-animation-duration: 250ms !important;
|
||||
animation-duration: 250ms !important;
|
||||
}
|
||||
|
||||
.linear {
|
||||
-webkit-animation-timing-function: linear !important;
|
||||
animation-timing-function: linear !important;
|
||||
}
|
||||
|
||||
.ease {
|
||||
-webkit-animation-timing-function: ease !important;
|
||||
animation-timing-function: ease !important;
|
||||
}
|
||||
|
||||
.ease-in {
|
||||
-webkit-animation-timing-function: ease-in !important;
|
||||
animation-timing-function: ease-in !important;
|
||||
}
|
||||
|
||||
.ease-out {
|
||||
-webkit-animation-timing-function: ease-out !important;
|
||||
animation-timing-function: ease-out !important;
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
-webkit-animation-timing-function: ease-in-out !important;
|
||||
animation-timing-function: ease-in-out !important;
|
||||
}
|
||||
|
||||
.bounce-in {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.bounce-out {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
|
||||
}
|
||||
|
||||
.bounce-in-out {
|
||||
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
|
||||
}
|
||||
|
||||
.short-delay {
|
||||
-webkit-animation-delay: 300ms !important;
|
||||
animation-delay: 300ms !important;
|
||||
}
|
||||
|
||||
.long-delay {
|
||||
-webkit-animation-delay: 700ms !important;
|
||||
animation-delay: 700ms !important;
|
||||
}
|
||||
@@ -1,209 +0,0 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Custom Wristbands.cz</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
|
||||
<link href="foundation.min.css" type="text/css" rel="stylesheet">
|
||||
<script src="vendor/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="foundation.min.js" type="text/javascript"></script>
|
||||
<link href="layout.css" type="text/css" rel="stylesheet">
|
||||
<link href="style.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="top-bar">
|
||||
<ul class="menu pull-right hide-for-large">
|
||||
<li>
|
||||
<a href="#" onclick="showResponsiveMenu()">MENU<i class="fa fa-fw fa-lg fa-navicon"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="responsive-menu">
|
||||
<ul class="menu">
|
||||
<li id="hidden-menu-divider" class="hide-for-large pointer" onclick="hideResponsiveMenu()">MENU<br><span class="dark">-</span></li>
|
||||
<li><a href="#" class="active">Home</a></li>
|
||||
<li><a href="#">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div class="grey-wrapper">
|
||||
<div class="row column text-center m-b-25">
|
||||
<h2 id="assortment">Silikonové náramky</h2>
|
||||
</div>
|
||||
<div class="row text-center assorment-holder">
|
||||
<div class="product-category column medium-4 small-12 text-right">
|
||||
<a href="#" class="button success large long rounded active small-extra-large">S debossem</a>
|
||||
</div>
|
||||
<div class="product-category column medium-4 small-12">
|
||||
<a href="#" class="button success large long rounded small-extra-large">S embossem</a>
|
||||
</div>
|
||||
<div class="product-category column medium-4 small-12 text-left">
|
||||
<a href="#" class="button success large long rounded small-extra-large">S potiskem</a>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<p class="m-b-25 m-t-50 p-lr-50-sm">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore<br>
|
||||
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br>
|
||||
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>
|
||||
HOME SORTIMENT GALERIE O NÁS KONTAKT<br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="orbit footer" role="region" aria-label="Favorite Space Pictures" data-orbit>
|
||||
<ul class="orbit-container text-center">
|
||||
<button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span><i class="fa fa-fw fa-2x fa-chevron-left"></i></button>
|
||||
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span><i class="fa fa-fw fa-2x fa-chevron-right"></i></button>
|
||||
<li class="orbit-slide is-active row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium- small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
<li class="orbit-slide row p-lr-15">
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
<div class="column medium-3 small-6">
|
||||
<img src=" http://placehold.it/250x250">
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="green-wrapper clearfix">
|
||||
<div class="row column text-center" id="questions">
|
||||
<h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
|
||||
<a href="#" class="button secondary m-t-25 large rounded">RYCHLÝ FORMULÁŘ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="large">
|
||||
<div class="row text-center">
|
||||
<ul class="menu social-icons">
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-facebook fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa fa-google-plus fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-instagram fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank">
|
||||
<span class="fa-stack fa-lg">
|
||||
<i class="fa fa-circle fa-stack-2x"></i>
|
||||
<i class="fa fa-pinterest-p fa-stack-1x w-t"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<ul class="menu hide-for-small-only">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#" class="active">Sortiment</a></li>
|
||||
<li><a href="#">Doprodej</a></li>
|
||||
<li><a href="#">Galerie</a></li>
|
||||
<li><a href="#">O nás</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
<p>
|
||||
<a href="#">Název</a> -
|
||||
<a href="#">Adresa</a> -
|
||||
<a href="#">www.url.cz</a> -
|
||||
<a href="#">email@email</a> -
|
||||
<a href="#">00420147852369</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$(document).foundation();
|
||||
});
|
||||
|
||||
function showResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
|
||||
}
|
||||
function hideResponsiveMenu() {
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
-213
@@ -1,213 +0,0 @@
|
||||
@font-face {font-family: "Lobster"; src: url(fonts/lobster_1_4.woff);}
|
||||
|
||||
body,h1,h2,h3,h4,h5,h6, * {font-family: 'Ubuntu', sans-serif; color: #414042;}
|
||||
a, a:link, a:hover {color: #46c1be; font-weight: 500;}
|
||||
a:hover {text-decoration: underline;}
|
||||
|
||||
.m-t-25 {margin-top: 25px;}
|
||||
.m-t-50 {margin-top: 50px;}
|
||||
.m-b-25 {margin-bottom: 25px;}
|
||||
.m-l-40 {margin-left: 40px;}
|
||||
.p-lr-15 {padding-left: 15px; padding-right: 15px;}
|
||||
.p-lr-0 {padding-left: 0; padding-right: 0;}
|
||||
.p-25 {padding: 25px !important;}
|
||||
.p-b-0 {padding-bottom: 0 !important;}
|
||||
.rounded {border-radius: 3px;}
|
||||
.large.rounded,.expanded.rounded {border-radius: 6px;}
|
||||
.button {padding: 0.4em 2.3em; font-size: 0.7rem;}
|
||||
.button.secondary {background-color: #4D4D4F;}
|
||||
.button.success {background-color: #46c1be;}
|
||||
.button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;}
|
||||
.button.large, .button.expanded {font-size:0.9rem; padding: 0.9em 2.4em; font-weight: 700; margin-bottom: 0;}
|
||||
.button.large.long {padding: 0.9em 4em; text-transform: uppercase;}
|
||||
.button.expanded.long {height: 3rem; padding: 1em 4em;}
|
||||
.w-t {color: #ffffff}
|
||||
.green-text {color: #46c1be !important;}
|
||||
.dark {color: #414042 !important;}
|
||||
.uppercase {text-transform: uppercase;}
|
||||
.bold {font-weight: 700;}
|
||||
.pointer {cursor: pointer;}
|
||||
|
||||
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"],
|
||||
[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea,
|
||||
[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
|
||||
[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus
|
||||
{
|
||||
border: 0; box-shadow: none; color: #46c1be; font-weight: 500; padding: 1rem; line-height: 2rem; height: 3rem;
|
||||
}
|
||||
textarea, textarea:focus {height: 120px;}
|
||||
[type="text"]:focus,[type="text"]:not(:empty), [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus,
|
||||
[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus {
|
||||
color: #414042;
|
||||
}
|
||||
|
||||
.top-bar {position: relative; top: 0; width: 100%;}
|
||||
.top-bar.homepage {position: absolute; top: 0; width: 100%;}
|
||||
.top-bar, .top-bar ul {background-color: transparent; z-index: 500;}
|
||||
|
||||
.menu > li:not(.menu-text) > a {font-weight: 700; text-transform:uppercase; color: #4D4D4F}
|
||||
.menu > li:not(.menu-text) > a.active {color: #46c1be}
|
||||
.top-bar-right {margin-top: 75px;}
|
||||
|
||||
.orbit.header {position: relative; z-index: 1;}
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous { background-color: #ffffff; color: #4d4d4f; padding: 40px;}
|
||||
.orbit.header .orbit-next:hover, .orbit.header .orbit-previous:hover { background-color: #46c1be; color: #ffffff;}
|
||||
.orbit.header .orbit-next {border-top-left-radius: 50%; border-bottom-left-radius: 50%; right: -70px;}
|
||||
.orbit.header .orbit-next i {position: relative; left: -30px;}
|
||||
.orbit.header .orbit-previous {border-top-right-radius: 50%; border-bottom-right-radius: 50%; left: -70px;}
|
||||
.orbit.header .orbit-previous i {position: relative; left: 30px;}
|
||||
.orbit.header .orbit-slide {position: relative;}
|
||||
.orbit.header .orbit-slide:before {content: ''; position: absolute; top: 20%; width: 100%; display: block; height: 60%; background-color: rgba(77, 77, 79, 0.70); }
|
||||
.orbit.header .orbit-slide .img {width: 100%; height: 800px; background-size: cover; background-position: center center}
|
||||
.orbit.header .orbit-slide h2, .orbit.header .orbit-slide h3 {
|
||||
position: absolute; top: 0; color: #ffffff; font-family: Lobster, Helvetica, Arial, sans-serif;
|
||||
text-align: center; width: 100%;
|
||||
}
|
||||
.orbit.header .orbit-slide h2 {top: 35%; font-size: 5.2rem;}
|
||||
.orbit.header .orbit-slide h3 {top: calc(38% + 4.2rem); font-size: 3.5rem;}
|
||||
.orbit.header .orbit-bullets {position: absolute; margin: auto; width: 100%; top: 63%;}
|
||||
.orbit.header .orbit-bullets button {width: .95rem; height: .95rem; margin: .35rem; background-color: #ffffff;}
|
||||
.orbit.header .orbit-bullets button.is-active, .orbit-bullets button:hover {background-color: #f58020;}
|
||||
#chevron-down {position: absolute; z-index: 350; display: block; top: 75%; left: calc(50% - 12px); opacity: 0.6; color: #ffffff; cursor: pointer;}
|
||||
#chevron-down:hover {color: #f58020}
|
||||
|
||||
#content h2 {text-transform: uppercase; font-size: 1.5rem; font-weight: 400; text-align: center;}
|
||||
#content h3 {text-align: center; text-transform: uppercase; }
|
||||
#content h4 {font-size: 1.35rem;}
|
||||
hr {border-bottom: 0;width: 5%; margin: 0 auto; position: relative; top: -15px; display:inline-block; height: 1px; background-color: #46c1be}
|
||||
#content p {line-height: 1.3; font-size: 0.9rem;}
|
||||
#content p.small {font-size: .75rem;}
|
||||
|
||||
.grey-wrapper {background-color: #f1f1f1; padding: 50px 0; display: block;}
|
||||
.green-wrapper {background-color: #46c1be; padding: 50px 0; display: block;}
|
||||
.white-wrapper {background-color: #ffffff; padding: 50px 0; display: block;}
|
||||
.backgrounded {background-image: url(images/background_o_nas._white.jpg); background-size: cover; background-position: center center; }
|
||||
|
||||
.assortment-h5 {text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1rem;}
|
||||
.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px; width: 50%;}
|
||||
.assortment-more-btn {color: #46c1be; text-transform: uppercase; font-style: italic; text-align: center; font-size: 0.85rem; width: 100%; display: inline-block; font-weight: 500;}
|
||||
img.thumbnail {border-radius: 50%; box-shadow: none; border-width: 2px; border-color: #ffffff;}
|
||||
img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #ffffff;}
|
||||
|
||||
.sale-image-holder>img {width: 100%; height: auto; border: 1px solid #414042;}
|
||||
.sale-image-holder {margin-bottom: 15px; position: relative; cursor: pointer;}
|
||||
.sale-item-data {display: block; opacity: 0; width: calc(100% - 0.9375rem * 2);height: 100%; position: absolute; top: 0; left: 0.9375rem; background-color: rgba(70, 193, 190, 0.7); color: #ffffff;}
|
||||
.sale-item-data * {color: #ffffff;}
|
||||
.sale-item-data h5 {text-transform: uppercase; font-size: 0.9rem; text-align: center; padding: 15px 10px 0 10px; font-weight: 700; margin-bottom: 0;}
|
||||
.sale-item-data p {margin: -5px auto 0; padding: 0 auto; text-align: center; font-size: 0.8rem;}
|
||||
.sale-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 0.9rem;}
|
||||
|
||||
.gallery-image-holder>img {width: 100%; height: auto; border: 1px solid #414042;}
|
||||
.gallery-image-holder {margin-bottom: 15px; position: relative; cursor: pointer;}
|
||||
.gallery-item-data {display: block; opacity: 0; width: calc(100% - 0.9375rem * 2);height: 100%; position: absolute; top: 0; left: 0.9375rem; background-color: rgba(65, 64, 66, 0.71); color: #ffffff;}
|
||||
.gallery-item-data * {color: #ffffff;}
|
||||
.gallery-item-data h5 {text-transform: uppercase; font-size: 1.1rem; text-align: center; padding: 15px 10px 0 10px; font-weight: 700; margin-bottom: 0;}
|
||||
.gallery-item-data p {margin: 5px; padding: 0 auto; text-align: center; font-size: 0.8rem;}
|
||||
.gallery-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 1.1rem;}
|
||||
|
||||
.white-wrapper h6 {color: #46c1be; text-transform: uppercase; font-size: 1.3rem;}
|
||||
.white-wrapper h6.lowercase {text-transform: none; font-size: 1.2rem;}
|
||||
|
||||
.design-ul-block li {list-style-image: url(images/bullet.png); margin: 15px 30px 25px 30px;}
|
||||
.design-ul-block li h6 {position: relative; top: -7px;}
|
||||
|
||||
.orbit.footer .orbit-next, .orbit.footer .orbit-previous { background-color: #46c1be; padding: 40px;}
|
||||
.orbit.footer .orbit-next:hover, .orbit.footer .orbit-previous:hover { background-color: #f58020;}
|
||||
.orbit.footer .fa {color: #ffffff;}
|
||||
.orbit.footer .orbit-next {border-top-left-radius: 50%; border-bottom-left-radius: 50%; right: -70px;}
|
||||
.orbit.footer .orbit-next i {position: relative; left: -30px;}
|
||||
.orbit.footer .orbit-previous {border-top-right-radius: 50%; border-bottom-right-radius: 50%; left: -70px;}
|
||||
.orbit.footer .orbit-previous i {position: relative; left: 30px;}
|
||||
.orbit.footer .orbit-slide {position: relative; height: 260px;}
|
||||
.orbit.footer .orbit-slide img {width: 100%; height: auto;}
|
||||
|
||||
.image-bullet {margin-right: 7px; position: relative; top: -3px;}
|
||||
.contact-p {margin-bottom: 0; padding-right: 50px; line-height: 1rem; font-weight: 300;}
|
||||
#content p.contact-p.green-text>b {color: #46c1be !important;}
|
||||
|
||||
footer {padding-top: 50px;}
|
||||
footer .menu {display: inline-block;}
|
||||
footer a {color: #414042; font-weight: 500;}
|
||||
footer a:hover {color: #46c1be;}
|
||||
.social-icons .fa-stack-2x {color: #46c1be;}
|
||||
.social-icons a:hover .fa-stack-2x {color: #414042;}
|
||||
.social-icons .fa.w-t {color: #ffffff;}
|
||||
|
||||
@media (max-width:1023px) {
|
||||
#responsive-menu {display: none;}
|
||||
.top-bar-right .menu.hide-for-large {font-size: 1.5rem; position: absolute; right: 0; top: 25px;}
|
||||
#logo {width: 175px; height: auto;}
|
||||
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);}
|
||||
.orbit.header .orbit-slide {height: 600px}
|
||||
.orbit.header .orbit-slide:before { top: 30%; height: 50%;}
|
||||
.orbit.header .orbit-slide .img {height: 600px;}
|
||||
.orbit.header .orbit-slide h2 {top: 35%; font-size: 3.8rem;}
|
||||
.orbit.header .orbit-slide h3 {top: calc(38% + 3rem); font-size: 2.7rem;}
|
||||
#chevron-down {top: 73%;}
|
||||
|
||||
.assortment-h5 {text-align: left; padding-left: 175px; font-size: 1.0rem;}
|
||||
.assortment-p {text-align: left; padding-left: 175px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; padding-left: 175px; display: block;}
|
||||
img.thumbnail {float: left; width: 150px; height: auto;}
|
||||
|
||||
.contact-detail {text-align: center; margin-top: -50px;}
|
||||
#content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;}
|
||||
#content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;}
|
||||
|
||||
#responsive-menu {z-index: 500; width: 50%; height: 100%; min-height: 100%; position: absolute; top: -0; left: 50%; background-color: rgba(70, 193, 190, 0.8); }
|
||||
#hidden-menu-divider {display: block; margin: 50px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;}
|
||||
.menu {height: auto;}
|
||||
.top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;}
|
||||
.top-bar-right .menu li a { font-weight: 500;}
|
||||
.top-bar-right .menu li a.active {color: #ffffff;}
|
||||
}
|
||||
@media (max-width:639px) {
|
||||
#logo {width: 150px; height: auto;}
|
||||
|
||||
.orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);}
|
||||
.orbit.header .orbit-slide {height: 500px}
|
||||
.orbit.header .orbit-slide:before { top: 35%; height: 45%;}
|
||||
.orbit.header .orbit-slide .img {height: 500px;}
|
||||
.orbit.header .orbit-slide h2 {top: 42%; padding: 20px 100px; line-height: 0.9;}
|
||||
.orbit.header .orbit-slide h3 {display: none;}
|
||||
.orbit.header .orbit-bullets {display: none;}
|
||||
#chevron-down {display: none;}
|
||||
|
||||
.assortment-h5 {text-align: left; padding-left: 185px; font-size: 1.3rem;}
|
||||
.assortment-p {text-align: left; padding-left: 185px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; padding-left: 185px; display: block;}
|
||||
img.thumbnail {float: left; width: 150px; height: auto;}
|
||||
|
||||
#content h4 {font-size: 1rem; line-height: 1; width: 50%; float: left; padding-left: 30px; padding-right: 30px; text-align: left;}
|
||||
#questions .button { margin-top: 7px !important;}
|
||||
|
||||
#design h6, #design p {text-align: center;}
|
||||
.design-ul-block {width: 95%; margin: auto;}
|
||||
#design .design-ul-block li h6, #design .design-ul-block li p {text-align: left;}
|
||||
|
||||
.contact-detail {text-align: center; margin-top: -50px;}
|
||||
#content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;}
|
||||
#content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;}
|
||||
|
||||
|
||||
.orbit.footer .orbit-slide {height: auto;}
|
||||
.orbit.footer .orbit-slide .small-6{margin-bottom: 10px; float: left;}
|
||||
.orbit.footer .orbit-slide .small-6:nth-child(even):after{}
|
||||
.orbit.footer .orbit-slide .img {height: 530px;}
|
||||
|
||||
.assorment-holder .small-12 {text-align: center !important; margin-bottom: 15px;}
|
||||
.small-extra-large {font-size: 1.2rem !important; width: 80%;}
|
||||
|
||||
footer {padding-top: 20px;}
|
||||
|
||||
.p-lr-50-sm {padding-left: 50px; padding-right: 50px;}
|
||||
|
||||
#responsive-menu {z-index: 500; width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(70, 193, 190, 0.8); }
|
||||
#hidden-menu-divider {display: block; margin: 50px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;}
|
||||
.menu {height: auto;}
|
||||
.top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;}
|
||||
.top-bar-right .menu li a { font-weight: 500;}
|
||||
.top-bar-right .menu li a.active {color: #ffffff;}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
||||
!function(e,t){"function"==typeof define&&define.amd?define([],function(){return t()}):"object"==typeof exports?module.exports=t():e.whatInput=t()}(this,function(){"use strict";function e(e){clearTimeout(s),n(e),f=!0,s=setTimeout(function(){f=!1},1e3)}function t(e){f||n(e)}function n(e){var t=o(e),n=r(e),d=w[e.type];"pointer"===d&&(d=i(e)),p!==d&&(!y&&p&&"keyboard"===d&&"tab"!==v[t]&&m.indexOf(n.nodeName.toLowerCase())>=0||(p=d,a.setAttribute("data-whatinput",p),-1===h.indexOf(p)&&h.push(p))),"keyboard"===d&&u(t)}function o(e){return e.keyCode?e.keyCode:e.which}function r(e){return e.target||e.srcElement}function i(e){return"number"==typeof e.pointerType?b[e.pointerType]:e.pointerType}function u(e){-1===c.indexOf(v[e])&&v[e]&&c.push(v[e])}function d(e){var t=o(e),n=c.indexOf(v[t]);-1!==n&&c.splice(n,1)}var s,c=[],a=document.body,f=!1,p=null,m=["input","select","textarea"],y=a.hasAttribute("data-whatinput-formtyping"),w={keydown:"keyboard",mousedown:"mouse",mouseenter:"mouse",touchstart:"touch",pointerdown:"pointer",MSPointerDown:"pointer"},h=[],v={9:"tab",13:"enter",16:"shift",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down"},b={2:"touch",3:"touch",4:"mouse"};return function(){var n="mousedown";window.PointerEvent?n="pointerdown":window.MSPointerEvent&&(n="MSPointerDown"),a.addEventListener(n,t),a.addEventListener("mouseenter",t),"ontouchstart"in document.documentElement&&a.addEventListener("touchstart",e),a.addEventListener("keydown",t),a.addEventListener("keyup",d)}(),{ask:function(){return p},keys:function(){return c},types:function(){return h},set:n}});
|
||||
@@ -1,55 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
@yield('head_meta')
|
||||
<title>@yield('pageName', @trans('visitor/common.welcome')) | {{$pageName}}</title>
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/foundation.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/font-awesome.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/admin.css')}}" />
|
||||
@yield('head_stylesheets')
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
color: #B0BEC5;
|
||||
display: table;
|
||||
font-weight: 100;
|
||||
font-family: 'Lato';
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 72px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,53 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
@yield('head_meta')
|
||||
<title>@yield('pageName', @trans('visitor/common.welcome')) | {{$pageName}}</title>
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/foundation.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/font-awesome.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/admin.css')}}" />
|
||||
@yield('head_stylesheets')
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
color: #B0BEC5;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 72px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
|
||||
<h1>Default theme template</h1>
|
||||
<div class="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,5 +0,0 @@
|
||||
@extendVisitor('layout')
|
||||
|
||||
@section('content')
|
||||
{!! $page->content !!}
|
||||
@endsection
|
||||
@@ -1,55 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
@yield('head_meta')
|
||||
<title>@yield('pageName', @trans('visitor/common.welcome')) | {{$pageName}}</title>
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/foundation.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/font-awesome.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/admin.css')}}" />
|
||||
@yield('head_stylesheets')
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
color: #B0BEC5;
|
||||
display: table;
|
||||
font-weight: 100;
|
||||
font-family: 'Lato';
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 72px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,55 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
@yield('head_meta')
|
||||
<title>@yield('pageName', @trans('visitor/common.welcome')) | {{$pageName}}</title>
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/foundation.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/font-awesome.min.css')}}" />
|
||||
<link rel="stylesheet" href="{{asset('/resources/assets/css/admin.css')}}" />
|
||||
@yield('head_stylesheets')
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
color: #B0BEC5;
|
||||
display: table;
|
||||
font-weight: 100;
|
||||
font-family: 'Lato';
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 72px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user