FEATURES: changed layout according to what clients asked for, added binarity link into footer, some other small changes
This commit is contained in:
peter
@@ -0,0 +1,35 @@
|
||||
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();
|
||||
}
|
||||
};
|
||||
+9
-5
@@ -1,9 +1,11 @@
|
||||
@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;}
|
||||
|
||||
#binarity {width: 100%; display: block; opacity: 0.65; text-align: center; margin-bottom: 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: #89a900;}
|
||||
|
||||
.m-t-25 {margin-top: 25px;}
|
||||
.m-t-50 {margin-top: 50px;}
|
||||
.m-b-25 {margin-bottom: 25px;}
|
||||
@@ -28,6 +30,7 @@ a:hover {text-decoration: underline;}
|
||||
.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,
|
||||
@@ -42,7 +45,8 @@ textarea, textarea:focus {height: 120px;}
|
||||
color: #414042;
|
||||
}
|
||||
|
||||
.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: left;}
|
||||
.subpages.column {float: none; display: inline-block;}
|
||||
.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%;}
|
||||
@@ -102,7 +106,7 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff
|
||||
.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;}
|
||||
.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) {
|
||||
@@ -249,4 +253,4 @@ footer a:hover {color: #46c1be !important;}
|
||||
.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(15,15,15,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}
|
||||
.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;}
|
||||
@@ -7,15 +7,18 @@
|
||||
<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>
|
||||
<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)
|
||||
@@ -24,7 +27,7 @@
|
||||
ga('create', '{{$googleAnalyticsCode}}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
</script>
|
||||
@endif
|
||||
<div class="top-bar">
|
||||
<div class="top-bar-left">
|
||||
@@ -98,33 +101,5 @@
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$ (function () {
|
||||
$ (document).foundation ();
|
||||
});
|
||||
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
function showResponsiveMenu() {
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
}
|
||||
|
||||
function hideResponsiveMenu() {
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
|
||||
window.onresize = function() {
|
||||
if(window.innerWidth >= 1023) {
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = "auto";
|
||||
} else {
|
||||
hideResponsiveMenu();
|
||||
}
|
||||
};
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -7,9 +7,12 @@
|
||||
<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>
|
||||
@@ -53,12 +56,7 @@
|
||||
<div id="content">
|
||||
@yield('content')
|
||||
|
||||
<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">RYCHLÝ FORMULÁŘ</a>
|
||||
</div>
|
||||
</div>
|
||||
@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 ">
|
||||
@@ -165,33 +163,8 @@
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$ (function () {
|
||||
$ (document).foundation ();
|
||||
});
|
||||
|
||||
var menuHolder = document.getElementById('responsive-menu');
|
||||
|
||||
function showResponsiveMenu() {
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = document.documentElement.clientHeight + 'px';
|
||||
menuHolder.style.height = window.innerHeight + 'px';
|
||||
menuHolder.style.height = '100%;';
|
||||
}
|
||||
|
||||
function hideResponsiveMenu() {
|
||||
menuHolder.style.display="none";
|
||||
}
|
||||
|
||||
window.onresize = function() {
|
||||
if(window.innerWidth >= 1023) {
|
||||
menuHolder.style.display="block";
|
||||
menuHolder.style.height = "auto";
|
||||
} else {
|
||||
hideResponsiveMenu();
|
||||
}
|
||||
};
|
||||
|
||||
</script>
|
||||
<div id="binarity">
|
||||
Vytvořila společnosť <a href="https://www.binarity.cz/"><img src="https://tmp.binarity.cz/small_logo.png" alt="binarity s.r.o. logo" target="_blank">binarity s.r.o.</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
</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>
|
||||
<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">
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<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" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
|
||||
<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">
|
||||
<h5>{{$image->name}}</h5>
|
||||
@@ -17,32 +17,15 @@
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="clearfix"></div>
|
||||
<script src="@asset('BLightBox.js')"></script>
|
||||
<script type="text/javascript">
|
||||
{{--
|
||||
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');
|
||||
});
|
||||
|
||||
window.addEventListener('load', function() {
|
||||
var lightbox = new BLightBox({
|
||||
invoker: '.gallery-image-holder',
|
||||
close_text: 'Zavřít'
|
||||
}, true);
|
||||
|
||||
var gallery_links = document.querySelectorAll('.gallery-image-holder'),
|
||||
gallery_links_i = gallery_links.length;
|
||||
|
||||
});
|
||||
</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>
|
||||
@include('visitor.cwbs.quickFormWrapper')
|
||||
|
||||
@endsection
|
||||
@@ -7,7 +7,7 @@
|
||||
</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="column subpages b-invo text-center small-12 medium-6 large-3 left m-b-25" data-img="" data-label="{{$subpage->title}}" data-equalizer-watch>
|
||||
<img class="thumbnail" src="@upload($subpage->title_photo)">
|
||||
<h5 class="assortment-h5">{{$subpage->title}}</h5>
|
||||
{{--<p class="assortment-p">{{$subSubpage->meta_description}}</p>--}}
|
||||
@@ -23,10 +23,5 @@
|
||||
</div>
|
||||
</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>
|
||||
@include('visitor.cwbs.quickFormWrapper')
|
||||
@endsection
|
||||
@@ -0,0 +1,6 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user