FEATURE: add binarity template - currently only homepage
This commit is contained in:
@@ -0,0 +1,145 @@
|
||||
@extendVisitor('layout')
|
||||
|
||||
@section('content')
|
||||
<div class="services-pos outline-holder">
|
||||
<div class="flip-container hover">
|
||||
<div class="flipper">
|
||||
<div class="outline">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
Webové<br>aplikace
|
||||
</div>
|
||||
<div class="back">
|
||||
Webové <br>aplikace a prezentace<br> na míru
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos outline-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flip-container hover">
|
||||
<div class="flipper">
|
||||
<div class="outline">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
<p>E-shopy</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
Kvalitní a rychlé<br>e-shopové řešení
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos outline-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flip-container hover">
|
||||
<div class="flipper">
|
||||
<div class="outline-grey">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
Správa<br>systémů
|
||||
</div>
|
||||
<div class="back">
|
||||
Kompletní správa<br>dat a firemních<br>systémů
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
Hosting<br>a správa domén
|
||||
</div>
|
||||
<div class="back">
|
||||
Nákup domény<br>Hosting<br>SSL...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
SEO, Facebook<br>a další
|
||||
</div>
|
||||
<div class="back">
|
||||
Analýza<br>Návrh řešení<br>Implementace
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover">
|
||||
<div class="flipper">
|
||||
<div class="outline-grey">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="services-pos service-holder">
|
||||
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="front">
|
||||
<p>Testujeme</p>
|
||||
</div>
|
||||
<div class="back">
|
||||
Unit testy<br>End-to-end testy<br />...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos outline-holder">
|
||||
<div class="flip-container hover">
|
||||
<div class="flipper">
|
||||
<div class="outline-grey">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="services-pos service-holder">
|
||||
<div class="flip-container hover" ontouchstart="this.classList.toggle('hover');">
|
||||
<div class="flipper">
|
||||
<div class="back">
|
||||
<a href="kontakt" class="white-text uppercase large-text">
|
||||
Zaslat<br>poptávku
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var flippers = document.querySelectorAll ('.hover-on-start'),
|
||||
flipi = flippers.length;
|
||||
|
||||
while (flipi--) {
|
||||
(function (flipi) {
|
||||
setTimeout (function () {
|
||||
console.info (flipi);
|
||||
flippers[flipi].classList.toggle ('hover');
|
||||
}, flipi * 100);
|
||||
}) (flipi);
|
||||
}
|
||||
</script>
|
||||
<div class="clearfix m-t-50"></div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user