commit 2ebd800d444c8122c6246f766c3754892ba28c13 Author: Brunobrno Date: Thu Oct 2 00:49:12 2025 +0200 init diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..af008d8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ + +about-us.zip +*.zip +*.zip +*.zip diff --git a/README.md b/README.md new file mode 100644 index 0000000..43b167f --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# epinger2 \ No newline at end of file diff --git a/articles/akce.php b/articles/akce.php new file mode 100644 index 0000000..01fc555 --- /dev/null +++ b/articles/akce.php @@ -0,0 +1,18 @@ +

Akce

+ Světelné panely dodáváme v různých velikostech a provedení... +
+ Základem jsou nástěnné panely obdélníkové s ostrými (NSH) nebo zaoblenými (NSK) rohy, rovněž také oboustranné s bočními upevňovacími konzolami vhodné pro montáž kolmo na zeď směrem do prostoru. Tyto panely jsou s plastovým nebo hliníkovým rámem. +
+ Dále vyrábíme tvarované světelné panely dle logotypu. Světelné reklamy mohou být tvarované v 1 kuse nebo zvláště 3D světelná písmena. Osvětlení panelů zajišťují světelné trubice nebo LED diody s vysokou životností s nejnižší možnou spotřebou el. energie. +
+ Výhody panelů jsou stálý vzhled, omyvatelnost a všechny vnitřní komponenty jsou eloxovány nebo z hliníku. Světelné panely odolávají i velmi nepříznivým povětrnostním vlivům. +
+ Vzhledem k vlastnímu výrobnímu zázemí provádíme montáž i servis v rámci celé EU... +

\ No newline at end of file diff --git a/articles/brany.php b/articles/brany.php new file mode 100644 index 0000000..258d8fb --- /dev/null +++ b/articles/brany.php @@ -0,0 +1,54 @@ +

Brány

+ Pojmem brány označujeme mechanická zařízení sloužící k uzavírání vjezdů + na oplocené či jinak ohraničené pozemky, uzavřené dvory, zahrady, atd.
+ Brány také jednoduše řeší kontrolu vjezdů a vstupů. Brány nachází využití jak u rodinných a obytných + domů (v tzv. privátní sféře), tak i u komerčních a průmyslových objektů.

+ + Brány dodáváme v provedení:

+ - křídlové
+ - posuvné po kolejnici
+ - posuvné po kolejnici teleskopické
+ - posuvné samonosné
+ - posuvné samonosné proti sobě
+ - posuvné samonosné proti sobě do "V"

+ + Brány dodáváme ve variantách:

+ - je rám
+ - kovaná výplň dle specifikace
+ - laťová plastová výplň
+ - laťová dřevěná výplň

+ + + Posuvné brány nesené a posuvné brány kolejnicové se otevírají posunem do strany + mimo vozovku. Křídlové brány otevírají svá jednotlivá křídla do vozovky.

+
+

+ +

\ No newline at end of file diff --git a/articles/komplex.php b/articles/komplex.php new file mode 100644 index 0000000..0ff3c88 --- /dev/null +++ b/articles/komplex.php @@ -0,0 +1,34 @@ +

Komplexní služby

+ Naše firma zajišťuje komplexní řešení vašeho vstupu.
+ V případě stavebních úprav otvoru jsme schopni zajistit přestavbu dle požadavku.
+ Dále elektroinstalace v okolí vstupu (ovětlení, ovládání, apod.)
+ Jakýkoliv vstup se dá upravit dle potřeby, tak aby vyhovoval současným + požadavkům na bezproblémový vstup na Váš pozemek nebo do objektu.

+ + Věříme, že najdeme řešení i pro Váš vstup.
+ V případě zájmu nás neváhejte kontaktovat... +

+ +

\ No newline at end of file diff --git a/articles/other/about-us.php b/articles/other/about-us.php new file mode 100644 index 0000000..7b27a6e --- /dev/null +++ b/articles/other/about-us.php @@ -0,0 +1,35 @@ +

O nás

+ + +

+ + \ No newline at end of file diff --git a/articles/other/default.php b/articles/other/default.php new file mode 100644 index 0000000..2f83760 --- /dev/null +++ b/articles/other/default.php @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/articles/other/reference.php b/articles/other/reference.php new file mode 100644 index 0000000..7dd100d --- /dev/null +++ b/articles/other/reference.php @@ -0,0 +1,7 @@ +

Reference připravujeme...

+ +

\ No newline at end of file diff --git a/articles/reklamy.php b/articles/reklamy.php new file mode 100644 index 0000000..a47e360 --- /dev/null +++ b/articles/reklamy.php @@ -0,0 +1,18 @@ +

Reklamy

+ Nabízíme výrobu a realizaci reklam, včetně světelných panelů a venkovní reklamy. +
+ Dle Vaší poptávky vypracujeme cenovou nabídku, připravíme grafické zpracování vč. návrhu realizace. +
+ Kompletní zakázku Vám doručíme kdekoliv. +
+ Realizace venkovní reklamy a světelných panelů řešíme rovněž na místě určení. +

\ No newline at end of file diff --git a/articles/rolety.php b/articles/rolety.php new file mode 100644 index 0000000..7d84c98 --- /dev/null +++ b/articles/rolety.php @@ -0,0 +1,25 @@ +

Rolety

+ Garážová rolovací vrata svým jednoduchým a esteticky vzhledným provedením + jsou vhodná do každé garáže. Svým konstrukčním a technickým řešením nezabírají + uvnitř garáže téměř žádný prostor. Lze je nainstalovat bez stavebních úprav + do již postavené garáže. Ovládání navíjecí pružinou nebo elektropohonem.
+ Výhodou je moderní vzhled na míru Vašim představám. Velmi široká nabídka dřevěných + dekorů, přirozený vzhled materiálu, výrazná intenzita kresby struktury dřeva.
+ Další výhodou je dlouhá životnost a stálost. +

+ +

\ No newline at end of file diff --git a/articles/service.php b/articles/service.php new file mode 100644 index 0000000..9c512a6 --- /dev/null +++ b/articles/service.php @@ -0,0 +1,11 @@ +

Servis

+ Poskytujeme profesionální servis pro všechny naše produkty, včetně bran, vrat, rolet, závor, žaluzií, reklam a komplexních služeb. +
+

diff --git a/articles/vrata.php b/articles/vrata.php new file mode 100644 index 0000000..d24bc22 --- /dev/null +++ b/articles/vrata.php @@ -0,0 +1,59 @@ +

Garážová vrata

+ Sendvič s prolisy kazet, podélnými drážkami, středovým prolisem nebo bez prolisů. Plášť tvoří galvanizovaný plech. Vrchní polyesterový nástřik je ve standardním provedení v bílé nebo hnědé barvě. Výška sekce 500 a 610 mm, tloušťka 45 mm, s vnitřní polyuretanovou izolací a přerušenými tepelnými mosty. + Spodní a horní sekce je ukončena hliníkovým eloxovaným profilem s gumovým těsněním. Sekce mají bezpečnostní zámky proti sevření prstů. + Vrata mohou být ve variantách - kazetové, lamelové nebo se středovým prolisem... +

+ +

+ + + + +

\ No newline at end of file diff --git a/articles/zaluzie.php b/articles/zaluzie.php new file mode 100644 index 0000000..678c1e6 --- /dev/null +++ b/articles/zaluzie.php @@ -0,0 +1,17 @@ +

Montáž a Instalace Žaluzií

+ + +

Nabízíme profesionální montáž a instalaci žaluzií, které nejen zlepšují vzhled vašeho interiéru, + ale také poskytují efektivní kontrolu nad světlem a soukromím.

+ +

Naše služby zahrnují široký výběr žaluzií, které se hodí do každé místnosti – od domácností po kanceláře. + Pomůžeme vám vybrat ideální typ, který odpovídá vašim potřebám, a zajistíme bezproblémovou instalaci.

+ +

S našimi žaluziemi si vytvoříte příjemné, světlé a zároveň soukromé prostředí, které zlepší kvalitu vašeho života.

+ +

\ No newline at end of file diff --git a/articles/zavory.php b/articles/zavory.php new file mode 100644 index 0000000..9838b98 --- /dev/null +++ b/articles/zavory.php @@ -0,0 +1,23 @@ +

Závory

+ Závory a zázavory do vjezdu jsou všechna zařízení a řešení, pro kontrolu a uzavírání + vjezdů na oplocené či jinak ohraničené pozemky, uzavřené dvory, zahrady atd.
+ Pomocí závor a zábran také jednoduše řešíme kontrolu vjezdů a vstupů.
+ Závory nachází využití většinou u komerčních a průmyslových objektů.

+ +

\ No newline at end of file diff --git a/css/articles/article-base.css b/css/articles/article-base.css new file mode 100644 index 0000000..7ad6d4f --- /dev/null +++ b/css/articles/article-base.css @@ -0,0 +1,46 @@ +article{ + font-size: 0.9em; + color: white; + padding: 2em; +} +article header{ + margin-bottom: 2em; + line-height: 2em; +} +article p, article section p{ + line-height: 1.5em; + font-weight: 300; +} +article section{ + font-weight: 300; + line-height: 1.5em +} + +article div{ + margin-top: 2em; + max-width: 100%; + display: flex; + + gap: 2em; + justify-items: center; + align-items: center; + flex-wrap: wrap; + margin: auto; + margin-top: 5em; + justify-content: center; +} + +article div img{ + width: 22%; + border-radius: 0.5em; +} + +@media screen and (max-width: 1000px){ + article div{ + grid-template-columns: 1fr 1fr; + grid-template-areas: ". ."; + } + article div img{ + width: 44%; + } +} \ No newline at end of file diff --git a/css/articles/other/about-us.css b/css/articles/other/about-us.css new file mode 100644 index 0000000..5b7b2c4 --- /dev/null +++ b/css/articles/other/about-us.css @@ -0,0 +1,46 @@ +article{ + color: white; + padding: 1em; + text-align: center; +} +.about-us{ + margin: 2em; + color: white; + + position: relative; + display: grid; + z-index: 5; +} + + +.about-us-big{ + display: none; +} +.about-us-small{ + margin: auto; + width: 90%; + display: flex; + flex-direction: column; +} +.about-us-small header{ + text-align: center; + margin: auto; + width: 80%; +} +.about-us-small header hr{ + height: 0; + border-style: solid; +} + +.about-us-small main{ + margin: auto; + width: 80%; +} +.about-us-small h2{ + font-size: 1.2em; + text-align: center; +} +.about-us-small main p{ + text-align: center; + margin: 1em; +} \ No newline at end of file diff --git a/css/articles/other/reference.css b/css/articles/other/reference.css new file mode 100644 index 0000000..4aa9b67 --- /dev/null +++ b/css/articles/other/reference.css @@ -0,0 +1,48 @@ +.reference{ + margin-top: 4em; + color: white; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-evenly; +} +.reference h1{ + font-size: 1.5em; + margin-bottom: 1em; +} +.reference .desktop-img{ + width: 80%; + margin: 1em; + +} +.reference .mobile-img{ + margin: 1em; +} +.reference header{ + width: 80%; + text-align: center; +} +/*.ref-hr{ + border-color: gold !important; + height: 0; + width: 200%; + left: -50%; + position: relative; + background-color: gold; +}*/ + +@media screen and (min-width: 1000px){ + .desktop-img{ + display: none; + } + .reference header{ + width: 35%; + text-align: center; + } +} +@media screen and (max-width: 1000px){ + .mobile-img{ + width: -webkit-fill-available !important; + display: none; + } +} \ No newline at end of file diff --git a/css/body.css b/css/body.css new file mode 100644 index 0000000..5278cf9 --- /dev/null +++ b/css/body.css @@ -0,0 +1,68 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); + +body{ + background-color: white; + width: 100%; + + font-family: "Roboto", serif; + font-optical-sizing: auto; + font-weight: 500; + font-style: italic; + font-variation-settings: "wdth" 100; + + font-size: 1.5em; +} +hr{ + border-color: #e77713; + background-color: none !important; + width: 100% !important; + margin-bottom: 1em; + + +} + +h1{ + font-size: 2em; + + font-weight: 700; +} +b{ + font-weight: bold; +} + +.carousel-cover-skew{ + height: 10em; + + background-color: white; +} +.carousel-cover-skew-top{ + position: relative; + z-index: 1; + bottom: -4em; + + transform: skewY(-2deg); + -webkit-transform: skewY(-2deg); +} +.carousel-cover-skew-bottom{ + position: relative; + z-index: 1; + bottom: 4em; + margin-bottom: -9em; + + transform: skewY(-3deg); + -webkit-transform: skewY(-3deg); +} +.error404{ + margin: auto; + padding: 4em; + color: white; +} + +@media screen and (min-width: 1000px){ + +} +@media screen and (max-width: 1000px){ + body{ + font-size: unset; + } +} \ No newline at end of file diff --git a/css/index/about_us.css b/css/index/about_us.css new file mode 100644 index 0000000..9205266 --- /dev/null +++ b/css/index/about_us.css @@ -0,0 +1,94 @@ +.about-us{ + margin-top: -6em; + margin-bottom: -3em; + padding-top: 5em; + padding-bottom: 5em; + + clip-path: polygon(0 93%, 19% 93%, 27% 106%, 50% 106%, 56% 98%, 76% 98%, 79% 93%, 100% 93%, 100% 7%, 79% 7%, 73% -6%, 50% -6%, 44% 2%, 24% 2%, 21% 7%, 0 7%); + + width: 100%; + position: relative; + display: flex; + z-index: 5; + flex-direction: column; + background: url(/img/sluzby-background.jpg) no-repeat center center, rgb(255 255 255 / 90%); + background-blend-mode: overlay; + background-size: cover; + + +} + +.about-us div img{ + -webkit-transition: transform 0.5s ease; + -moz-transition: transform 0.5s ease; + -ms-transition: transform 0.5s ease; + -o-transition: transform 0.5s ease; + transition: transform 0.5s ease; + width: 5em; +} + +.about-us div img:hover{ + transform: scale(1.2); +} + + +.about-us .sluzby{ + width: 25em; + margin: auto; + margin-top: 2em; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 3em; + justify-content: center; + align-items: center; +} + +.about-us-big{ + display: none; +} +.about-us-small{ + margin: auto; + width: 90%; + display: flex; + flex-direction: column; +} +.about-us-small header{ + text-align: center; + margin: auto; + width: 80%; +} +.about-us-small header hr{ + height: 0; + border-style: solid; +} + +.about-us-small main{ + margin: auto; + width: 80%; +} +.about-us-small h2{ + font-size: 1.2em; + text-align: center; +} +.about-us-small main p{ + text-align: center; + margin: 1em; +} + + +@media screen and (max-width: 1000px){ + .about-us .sluzby{ + width: 100%; + } + .about-us div img{ + width: 8em; + } + .about-us { + margin-top: -5em; + margin-bottom: -5em; + padding-top: 5em; + padding-bottom: 5em; + clip-path: polygon(0% 99%, 10% 99%, 39% 99%, 63% 95%, 100% 95%, 100% 90%, 100% 2%, 90% 2%, 65% 2%, 35% 5%, 0% 5%, 0% 10%); + } +} \ No newline at end of file diff --git a/css/index/carousel.css b/css/index/carousel.css new file mode 100644 index 0000000..5f3fd69 --- /dev/null +++ b/css/index/carousel.css @@ -0,0 +1,121 @@ +.carousel{ + height: 25em; + width: 100%; + margin-bottom: 1em; + overflow-x: hidden; + position: relative; + display: flex; + justify-content: flex-start; +} +.carousel-inner{ + height: 100%; + /* min-width: 400%; */ + display: flex; + transition: all ease .5s; +} + +.carousel-item{ + flex: 1; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.carousel-item h1{ + position: relative; + color: white; + bottom: 1.5em; +} +.carousel-controls .prev{ + display: inline-block; + height: 3em; + width: 3em; + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + background-image: url('/img/other/svg/prev.svg'); + background-position: center; + background-size: auto 100%; + background-repeat: no-repeat; + cursor: pointer; + opacity: .5; +} + +.carousel-controls .next{ + display: inline-block; + height: 3em; + width: 3em; + position: absolute; + right: 12px; + top: 50%; + transform: translateY(-50%); + background-image: url('/img/other/svg/next.svg'); + background-position: center; + background-size: auto 100%; + background-repeat: no-repeat; + cursor: pointer; + opacity: .5; +} + +.prev:hover, .next:hover{ + opacity: 1; +} + +.carousel-indicators{ + display: flex; + position: absolute; + bottom: 4em; + left: 50%; + transform: translateX(-50%); + text-align: center; +} + +.carousel-indicators span{ + display: inline-block; + background-color: white; + width: 30px; + height: 4px; + border-radius: 2px; + opacity: .5; + cursor: pointer; + margin: 3px; +} + +.carousel-indicators span.active{ + opacity: 1; +} + + +.carousel-item-first{ + background-image: url("/img/carousel/Web_slide_1.jpg"); +} +.carousel-item-second{ + background-image: url("/img/carousel/Web_slide_2.jpg"); +} +.carousel-item-third{ + background-image: url("/img/carousel/Web_slide_3.jpg"); +} +.carousel-item-fourth{ + background-image: url("/img/carousel/Web_slide_4.jpg"); +} +.carousel-item-fifth{ + background-image: url("/img/carousel/Web_slide_5.jpg"); +} +.carousel-item-sixth{ + background-image: url("/img/carousel/Web_slide_6.jpg"); +} + + +@media only screen and (min-width: 991px){ + .prev, .next{ + height: 1em !important; + width: 1em !important; + } +} \ No newline at end of file diff --git a/css/index/contact.css b/css/index/contact.css new file mode 100644 index 0000000..52bd3dd --- /dev/null +++ b/css/index/contact.css @@ -0,0 +1,69 @@ +body{ + background-color: #212121; +} +.contacts{ + font-weight: 300; + + width: 100%; + + background-color: #212121; + color: white; + + text-align: center; + + padding-top: 2.5em; + padding-bottom: 4em; + margin: auto; +} +.contacts p { + padding: 0.5em; + line-height: 2ch; +} +.contacts address{ + line-height: 2ch; +} + +.contacts strong{ + font-weight: 500; +} + +.contacts img{ + width: 15em; + margin-bottom: 1em; +} + +.contacts a{ + color: white; + text-decoration: none; +} +.contacts br{ + content: " "; + display: block; + height: 0.5em; +} +.contacts h2{ + font-size: 1.5em; +} +.contact-format-container{ + line-height: 0.8; + margin: auto; + width: 80%; +} +.contacts i{ + font-size: 1.5em; +} +.iframe-map{ + position: absolute; + width: 100%; + height: 50%; + +} + +@media screen and (min-width: 900px){ + .contacts{ + font-size: 0.9em; + } + .contact-format-container{ + width: 35%; + } +} \ No newline at end of file diff --git a/css/index/index.css b/css/index/index.css new file mode 100644 index 0000000..e69de29 diff --git a/css/index/instagram.css b/css/index/instagram.css new file mode 100644 index 0000000..b4bf4f1 --- /dev/null +++ b/css/index/instagram.css @@ -0,0 +1,10 @@ +@media screen and (max-width: 500px){ + .crt-widget.crt-widget-branded { + width: 228%; + margin-left: -65%; + margin-top: -75%; + margin-bottom: -67%; + scale: 0.45; + padding-bottom: 25px; + } +} diff --git a/css/index/products.css b/css/index/products.css new file mode 100644 index 0000000..aa1e347 --- /dev/null +++ b/css/index/products.css @@ -0,0 +1,67 @@ +.products{ + + display: none !important; + + position: relative; + z-index: 2; + + width: 100%; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + + color: white; +} +.products-container{ + display: grid; + grid-gap: 1em; + grid-template-columns: repeat(2, 1fr); + + padding: 3em; +} +.products-item{ + flex: 0 0 45%; + + margin-top: 2em; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + background-color: #212121; + + border-radius: 2em; + + transition: transform 0.3s ease; /* Smooth transition on transform */ + box-shadow: 0 0.5em 0.5em 0 rgba(0,0,0,0.2), 0 0.25em 0.25em 0 rgba(0,0,0,0.19) !important; +} +.products-item:hover{ + transform: scale(1.2); +} +.products-item:active{ + transform: scale(1.2); +} + +.products-img{ + padding-top: 2em; +} +.products-item a{ + padding: 1em; + font-size: 1.5em; + color: white; + + text-decoration: none; +} + +@media screen and (min-width: 900px){ + .products-container{ + grid-template-columns: repeat(3, 1fr); + grid-gap: 2em; + } + .products{ + margin: auto; + width: 70%; + } +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..af94440 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/css/tools/email-me.css b/css/tools/email-me.css new file mode 100644 index 0000000..2a4b634 --- /dev/null +++ b/css/tools/email-me.css @@ -0,0 +1,82 @@ +input[type=text], +input[type=email], +textarea { + width: 100%; + + box-sizing: border-box; + + font-family: "Montserrat", sans-serif; + font-optical-sizing: auto; + font-weight: 300; + font-style: normal; + + font-size: 1em; + line-height: 1em; + + margin-top: 0.5em; + margin-bottom: 1em; + margin-left: 0; + padding: 0.5em; + min-height: 0.75em; + + border: unset; + border-radius: 0.2em; + + outline-color: rgb(84 105 212 / 0.5); + background-color: rgb(255, 255, 255); + box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px; +} +.email-me label{ + display: block; + padding: 0.5em; +} + +.email-me-form{ + margin: auto; + width: 35%; +} + + +.email-me-container{ + padding-top: 4em; + padding-bottom: 1em; + background-color: #e77713; + color: white; + font-size: 0.95em; + font-weight: 600; +} +.email-me-container header{ + font-size: 1.5em; + text-align: center; +} +.email-me hr{ + border-color: white; + border-style: solid; + height: 0; + height: 0; +} +.email-me-form button{ + font-size: 1em; + + padding: 0.8em; + + border-radius: 1.5em; + border-width: 0; + background-color: black; + color: white; + + -webkit-transition: background-color 1s, color 1s ease; + -moz-transition: background-color 1s, color 1s ease; + -ms-transition: background-color 1s, color 1s ease; + -o-transition: background-color 1s, color 1s ease; + transition: background-color 1s, color 1s ease; +} +.email-me-form button:hover{ + background-color: #898989; +} + +@media screen and (max-width: 910px){ + .email-me-form{ + width: 80%; + } +} \ No newline at end of file diff --git a/css/tools/footer.css b/css/tools/footer.css new file mode 100644 index 0000000..7c0e257 --- /dev/null +++ b/css/tools/footer.css @@ -0,0 +1,16 @@ +footer{ + background-color: #A4A4A4; + + padding: 1em; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; +} +footer a{ + color: black; +} + +.iframe-map{ + width: 100%; +} \ No newline at end of file diff --git a/css/tools/nav.css b/css/tools/nav.css new file mode 100644 index 0000000..32d6ce5 --- /dev/null +++ b/css/tools/nav.css @@ -0,0 +1,205 @@ +nav{ + background-color: #e77713; + color: white; + display: flex; + flex-direction: column; + width: 100%; + + z-index: 999; +} +nav a{ + color: white; + text-decoration: none; +} +.nav-logo{ + position: relative; + height: fit-content; + + background-color: white; + + width: 100%; +} +.nav-logo img{ + /*margin-left: 1em; + margin-top: -2%; + margin-bottom: -2%; + height: 7.5em;*/ + + display: flex +; + margin-left: auto; + margin-right: auto; + margin-top: -1.6em; + margin-bottom: -1.5em; + height: 6.5em; + align-items: center; + justify-content: center; +} +.mobile-nav .nav-logo button{ + top: 0; + bottom: 0; + position: absolute; + right: 0; + border: 0; + color: black; + height: auto; + width: 1.6em; + background-color: white; + font-size: 3em; +} +.mobile-nav .nav-links{ + -webkit-transition: max-height 1s, color 1s ease; + -moz-transition: max-height 1s, color 1s ease; + -ms-transition: max-height 1s, color 1s ease; + -o-transition: max-height 1s, color 1s ease; + transition: max-height 1s, color 1s ease; + overflow: hidden; + + max-height: 0; +} +.mobile-nav .nav-links-expanded{ + max-height: 100em; +} +.mobile-nav .nav-items{ + display: block; + height: 3em; + text-align: center; + + line-height: 3em; + + font-size: 2em; + + border-color: white; + border-style: solid; + border-top-width: 0.05em; +} +.mobile-nav .nav-items:hover{ + background-color: white; + color: black; + max-height: 20em; +} +/*#drop-act:hover{ + color: black; +}*/ + +.mobile-nav .dropdown-content{ + width: 100%; + margin-right: auto; + + -webkit-transition: max-height 1s; + -moz-transition: max-height 1s; + -ms-transition: max-height 1s; + -o-transition: max-height 1s; + transition: max-height 1s; + overflow: hidden; + max-height: 0; + + background-color: #212121; + + /*border-color: white; + border-style: solid; + border-right-width: 0.2em;*/ +} +.mobile-nav .dropdown-active{ + max-height: 50em; +} + +.desktop-nav{ + display: flex; + flex-direction: row; +} + +.desktop-nav .nav-logo{ + width: 35%; + clip-path: polygon(0 0, 100% 0%, 89% 100%, 0% 100%); + padding-right: 1em; +} + +.desktop-nav-second-section{ + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-evenly; + width: 100%; +} + +.desktop-nav .dropdown-content{ + -webkit-transition: max-height 1s; + -moz-transition: max-height 1s; + -ms-transition: max-height 1s; + -o-transition: max-height 1s; + transition: max-height 1s; + + max-height: 0; + overflow: hidden; + display: flex; + flex-direction: column; + position: absolute; + + z-index: 5; + background-color: white; + color: black; + border-bottom-right-radius: 0.5em; + border-bottom-left-radius: 0.5em; + margin-top: 1.2em; + margin-left: -2em; +} +.desktop-nav .dropdown-content a{ + color: black; +} + +.desktop-nav .dropdown:hover .dropdown-content{ + max-height: 22em; +} +.desktop-nav .dropdown .dropdown-content .nav-items{ + padding: 1em; +} +.desktop-nav .dropdown .dropdown-content .nav-items:hover{ + background-color: #dbdbdb; +} + +.nav-items{ + cursor: pointer; + + -webkit-transition: color 0.5s ease, background-color 0.5s ease; + -moz-transition: color 0.5s ease, background-color 0.5s ease; + -ms-transition: color 0.5s ease, background-color 0.5s ease; + -o-transition: color 0.5s ease, background-color 0.5s ease; + transition: color 0.5s ease, background-color 0.5s ease; + +} +.nav-items:hover{ + /*background-color: #dbdbdb;*/ +} + +.dropdown{ + z-index: 99; +} + + +@media screen and (min-width: 1000px){ + .mobile-nav{ + display: none; + } + /*.nav-logo img { + margin: 1em; + height: 1.8em; + }*/ +} +@media screen and (max-width: 1000px){ + .desktop-nav{ + display: none; + } + .nav-logo img{ + display: block; + margin-left: 1em; + margin-right: unset; + margin-top: -1.6em; + margin-bottom: -1.6em; + height: 8.5em; + align-items: center; + + } + +} + diff --git a/default.php b/default.php new file mode 100644 index 0000000..b791552 --- /dev/null +++ b/default.php @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..55b74c4 Binary files /dev/null and b/favicon.ico differ diff --git a/gitattributes b/gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/img/brany/epinger-brany01.jpg b/img/brany/epinger-brany01.jpg new file mode 100644 index 0000000..b9924f8 Binary files /dev/null and b/img/brany/epinger-brany01.jpg differ diff --git a/img/brany/epinger-brany02.jpg b/img/brany/epinger-brany02.jpg new file mode 100644 index 0000000..57a3f3f Binary files /dev/null and b/img/brany/epinger-brany02.jpg differ diff --git a/img/brany/epinger-brany03.jpg b/img/brany/epinger-brany03.jpg new file mode 100644 index 0000000..4049b38 Binary files /dev/null and b/img/brany/epinger-brany03.jpg differ diff --git a/img/brany/epinger-brany04.jpg b/img/brany/epinger-brany04.jpg new file mode 100644 index 0000000..44dacd3 Binary files /dev/null and b/img/brany/epinger-brany04.jpg differ diff --git a/img/brany/epinger-brany05.jpg b/img/brany/epinger-brany05.jpg new file mode 100644 index 0000000..c5e5030 Binary files /dev/null and b/img/brany/epinger-brany05.jpg differ diff --git a/img/brany/epinger-brany06.jpg b/img/brany/epinger-brany06.jpg new file mode 100644 index 0000000..45b4221 Binary files /dev/null and b/img/brany/epinger-brany06.jpg differ diff --git a/img/brany/epinger-brany07.jpg b/img/brany/epinger-brany07.jpg new file mode 100644 index 0000000..ea47cde Binary files /dev/null and b/img/brany/epinger-brany07.jpg differ diff --git a/img/brany/epinger-brany08.jpg b/img/brany/epinger-brany08.jpg new file mode 100644 index 0000000..518f0b7 Binary files /dev/null and b/img/brany/epinger-brany08.jpg differ diff --git a/img/brany/epinger-brany09.jpg b/img/brany/epinger-brany09.jpg new file mode 100644 index 0000000..e6f7b58 Binary files /dev/null and b/img/brany/epinger-brany09.jpg differ diff --git a/img/brany/epinger-brany10.jpg b/img/brany/epinger-brany10.jpg new file mode 100644 index 0000000..a1967c1 Binary files /dev/null and b/img/brany/epinger-brany10.jpg differ diff --git a/img/brany/epinger-brany11.jpg b/img/brany/epinger-brany11.jpg new file mode 100644 index 0000000..d055a99 Binary files /dev/null and b/img/brany/epinger-brany11.jpg differ diff --git a/img/brany/epinger-brany12.jpg b/img/brany/epinger-brany12.jpg new file mode 100644 index 0000000..ec3204d Binary files /dev/null and b/img/brany/epinger-brany12.jpg differ diff --git a/img/brany/epinger-brany13.jpg b/img/brany/epinger-brany13.jpg new file mode 100644 index 0000000..48719b2 Binary files /dev/null and b/img/brany/epinger-brany13.jpg differ diff --git a/img/brany/epinger-brany14.jpg b/img/brany/epinger-brany14.jpg new file mode 100644 index 0000000..3af25e9 Binary files /dev/null and b/img/brany/epinger-brany14.jpg differ diff --git a/img/brany/epinger-brany15.jpg b/img/brany/epinger-brany15.jpg new file mode 100644 index 0000000..9b2b4dc Binary files /dev/null and b/img/brany/epinger-brany15.jpg differ diff --git a/img/brany/epinger-brany16.jpg b/img/brany/epinger-brany16.jpg new file mode 100644 index 0000000..4637bb7 Binary files /dev/null and b/img/brany/epinger-brany16.jpg differ diff --git a/img/brany/epinger-brany17.jpg b/img/brany/epinger-brany17.jpg new file mode 100644 index 0000000..18112c5 Binary files /dev/null and b/img/brany/epinger-brany17.jpg differ diff --git a/img/brany/epinger-brany18.jpg b/img/brany/epinger-brany18.jpg new file mode 100644 index 0000000..6b69a86 Binary files /dev/null and b/img/brany/epinger-brany18.jpg differ diff --git a/img/carousel/Web_slide_1.jpg b/img/carousel/Web_slide_1.jpg new file mode 100644 index 0000000..55ce874 Binary files /dev/null and b/img/carousel/Web_slide_1.jpg differ diff --git a/img/carousel/Web_slide_2.jpg b/img/carousel/Web_slide_2.jpg new file mode 100644 index 0000000..d83ff78 Binary files /dev/null and b/img/carousel/Web_slide_2.jpg differ diff --git a/img/carousel/Web_slide_3.jpg b/img/carousel/Web_slide_3.jpg new file mode 100644 index 0000000..3032149 Binary files /dev/null and b/img/carousel/Web_slide_3.jpg differ diff --git a/img/carousel/Web_slide_4.jpg b/img/carousel/Web_slide_4.jpg new file mode 100644 index 0000000..10e7bff Binary files /dev/null and b/img/carousel/Web_slide_4.jpg differ diff --git a/img/carousel/Web_slide_5.jpg b/img/carousel/Web_slide_5.jpg new file mode 100644 index 0000000..3d54c82 Binary files /dev/null and b/img/carousel/Web_slide_5.jpg differ diff --git a/img/carousel/Web_slide_6.jpg b/img/carousel/Web_slide_6.jpg new file mode 100644 index 0000000..7807d26 Binary files /dev/null and b/img/carousel/Web_slide_6.jpg differ diff --git a/img/other/Epinger2_logo_bile.svg b/img/other/Epinger2_logo_bile.svg new file mode 100644 index 0000000..c626b51 --- /dev/null +++ b/img/other/Epinger2_logo_bile.svg @@ -0,0 +1,23 @@ + + + + diff --git a/img/other/reference/reference_nasirku.svg b/img/other/reference/reference_nasirku.svg new file mode 100644 index 0000000..2667b0a --- /dev/null +++ b/img/other/reference/reference_nasirku.svg @@ -0,0 +1,389 @@ + + + + diff --git a/img/other/reference/reference_navysku.svg b/img/other/reference/reference_navysku.svg new file mode 100644 index 0000000..539f822 --- /dev/null +++ b/img/other/reference/reference_navysku.svg @@ -0,0 +1,375 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_brany.svg b/img/other/sluzby_index/Epinger2_symbol_brany.svg new file mode 100644 index 0000000..cbd6e6e --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_brany.svg @@ -0,0 +1,30 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_rolety.svg b/img/other/sluzby_index/Epinger2_symbol_rolety.svg new file mode 100644 index 0000000..ecd88c6 --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_rolety.svg @@ -0,0 +1,31 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_sluzby.svg b/img/other/sluzby_index/Epinger2_symbol_sluzby.svg new file mode 100644 index 0000000..deba6c2 --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_sluzby.svg @@ -0,0 +1,47 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_vrata.svg b/img/other/sluzby_index/Epinger2_symbol_vrata.svg new file mode 100644 index 0000000..bd7000d --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_vrata.svg @@ -0,0 +1,30 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_zaluzie.svg b/img/other/sluzby_index/Epinger2_symbol_zaluzie.svg new file mode 100644 index 0000000..a7c724e --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_zaluzie.svg @@ -0,0 +1,32 @@ + + + + diff --git a/img/other/sluzby_index/Epinger2_symbol_zavory.svg b/img/other/sluzby_index/Epinger2_symbol_zavory.svg new file mode 100644 index 0000000..0ee23e5 --- /dev/null +++ b/img/other/sluzby_index/Epinger2_symbol_zavory.svg @@ -0,0 +1,31 @@ + + + + diff --git a/img/other/svg/logo_contacts.svg b/img/other/svg/logo_contacts.svg new file mode 100644 index 0000000..75b0721 --- /dev/null +++ b/img/other/svg/logo_contacts.svg @@ -0,0 +1,24 @@ + + + + diff --git a/img/other/svg/next.svg b/img/other/svg/next.svg new file mode 100644 index 0000000..a282ca2 --- /dev/null +++ b/img/other/svg/next.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/other/svg/prev.svg b/img/other/svg/prev.svg new file mode 100644 index 0000000..1171387 --- /dev/null +++ b/img/other/svg/prev.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/img/rolety/epinger-rolety01.jpg b/img/rolety/epinger-rolety01.jpg new file mode 100644 index 0000000..502503a Binary files /dev/null and b/img/rolety/epinger-rolety01.jpg differ diff --git a/img/rolety/epinger-rolety02.jpg b/img/rolety/epinger-rolety02.jpg new file mode 100644 index 0000000..d33d46c Binary files /dev/null and b/img/rolety/epinger-rolety02.jpg differ diff --git a/img/rolety/epinger-rolety03.jpg b/img/rolety/epinger-rolety03.jpg new file mode 100644 index 0000000..732ac6f Binary files /dev/null and b/img/rolety/epinger-rolety03.jpg differ diff --git a/img/rolety/epinger-rolety04.jpg b/img/rolety/epinger-rolety04.jpg new file mode 100644 index 0000000..208225b Binary files /dev/null and b/img/rolety/epinger-rolety04.jpg differ diff --git a/img/rolety/epinger-rolety05.jpg b/img/rolety/epinger-rolety05.jpg new file mode 100644 index 0000000..d9bd4bd Binary files /dev/null and b/img/rolety/epinger-rolety05.jpg differ diff --git a/img/rolety/epinger-rolety06.jpg b/img/rolety/epinger-rolety06.jpg new file mode 100644 index 0000000..905ce71 Binary files /dev/null and b/img/rolety/epinger-rolety06.jpg differ diff --git a/img/sluzby-background.jpg b/img/sluzby-background.jpg new file mode 100644 index 0000000..3c67084 Binary files /dev/null and b/img/sluzby-background.jpg differ diff --git a/img/sluzby/epinger-sluzby01.jpg b/img/sluzby/epinger-sluzby01.jpg new file mode 100644 index 0000000..4240d9e Binary files /dev/null and b/img/sluzby/epinger-sluzby01.jpg differ diff --git a/img/sluzby/epinger-sluzby02.jpg b/img/sluzby/epinger-sluzby02.jpg new file mode 100644 index 0000000..d94b354 Binary files /dev/null and b/img/sluzby/epinger-sluzby02.jpg differ diff --git a/img/sluzby/epinger-sluzby03.jpg b/img/sluzby/epinger-sluzby03.jpg new file mode 100644 index 0000000..0fdafff Binary files /dev/null and b/img/sluzby/epinger-sluzby03.jpg differ diff --git a/img/sluzby/epinger-sluzby04.jpg b/img/sluzby/epinger-sluzby04.jpg new file mode 100644 index 0000000..d14d16e Binary files /dev/null and b/img/sluzby/epinger-sluzby04.jpg differ diff --git a/img/sluzby/epinger-sluzby05.jpg b/img/sluzby/epinger-sluzby05.jpg new file mode 100644 index 0000000..4839719 Binary files /dev/null and b/img/sluzby/epinger-sluzby05.jpg differ diff --git a/img/sluzby/epinger-sluzby06.jpg b/img/sluzby/epinger-sluzby06.jpg new file mode 100644 index 0000000..5f3c49e Binary files /dev/null and b/img/sluzby/epinger-sluzby06.jpg differ diff --git a/img/sluzby/epinger-sluzby07.jpg b/img/sluzby/epinger-sluzby07.jpg new file mode 100644 index 0000000..194e565 Binary files /dev/null and b/img/sluzby/epinger-sluzby07.jpg differ diff --git a/img/sluzby/epinger-sluzby08.jpg b/img/sluzby/epinger-sluzby08.jpg new file mode 100644 index 0000000..9514460 Binary files /dev/null and b/img/sluzby/epinger-sluzby08.jpg differ diff --git a/img/sluzby/epinger-sluzby09.jpg b/img/sluzby/epinger-sluzby09.jpg new file mode 100644 index 0000000..2f1636e Binary files /dev/null and b/img/sluzby/epinger-sluzby09.jpg differ diff --git a/img/sluzby/epinger-sluzby10.jpg b/img/sluzby/epinger-sluzby10.jpg new file mode 100644 index 0000000..855a421 Binary files /dev/null and b/img/sluzby/epinger-sluzby10.jpg differ diff --git a/img/sluzby/epinger-sluzby11.jpg b/img/sluzby/epinger-sluzby11.jpg new file mode 100644 index 0000000..f3947ba Binary files /dev/null and b/img/sluzby/epinger-sluzby11.jpg differ diff --git a/img/sluzby/epinger-sluzby12.jpg b/img/sluzby/epinger-sluzby12.jpg new file mode 100644 index 0000000..3b960d6 Binary files /dev/null and b/img/sluzby/epinger-sluzby12.jpg differ diff --git a/img/sluzby/epinger-sluzby13.jpg b/img/sluzby/epinger-sluzby13.jpg new file mode 100644 index 0000000..213da02 Binary files /dev/null and b/img/sluzby/epinger-sluzby13.jpg differ diff --git a/img/vrata/epinger-vrata01.jpg b/img/vrata/epinger-vrata01.jpg new file mode 100644 index 0000000..2b5c5da Binary files /dev/null and b/img/vrata/epinger-vrata01.jpg differ diff --git a/img/vrata/epinger-vrata02.jpg b/img/vrata/epinger-vrata02.jpg new file mode 100644 index 0000000..112f559 Binary files /dev/null and b/img/vrata/epinger-vrata02.jpg differ diff --git a/img/vrata/epinger-vrata03.jpg b/img/vrata/epinger-vrata03.jpg new file mode 100644 index 0000000..47a9e63 Binary files /dev/null and b/img/vrata/epinger-vrata03.jpg differ diff --git a/img/vrata/epinger-vrata04.jpg b/img/vrata/epinger-vrata04.jpg new file mode 100644 index 0000000..4664b0d Binary files /dev/null and b/img/vrata/epinger-vrata04.jpg differ diff --git a/img/vrata/epinger-vrata05.jpg b/img/vrata/epinger-vrata05.jpg new file mode 100644 index 0000000..986bf15 Binary files /dev/null and b/img/vrata/epinger-vrata05.jpg differ diff --git a/img/vrata/epinger-vrata06.jpg b/img/vrata/epinger-vrata06.jpg new file mode 100644 index 0000000..f6a1cbd Binary files /dev/null and b/img/vrata/epinger-vrata06.jpg differ diff --git a/img/vrata/epinger-vrata07.jpg b/img/vrata/epinger-vrata07.jpg new file mode 100644 index 0000000..ba31bb1 Binary files /dev/null and b/img/vrata/epinger-vrata07.jpg differ diff --git a/img/vrata/epinger-vrata10.jpg b/img/vrata/epinger-vrata10.jpg new file mode 100644 index 0000000..6be171c Binary files /dev/null and b/img/vrata/epinger-vrata10.jpg differ diff --git a/img/vrata/epinger-vrata11.jpg b/img/vrata/epinger-vrata11.jpg new file mode 100644 index 0000000..0d38bc0 Binary files /dev/null and b/img/vrata/epinger-vrata11.jpg differ diff --git a/img/vrata/epinger-vrata12.jpg b/img/vrata/epinger-vrata12.jpg new file mode 100644 index 0000000..e1a1412 Binary files /dev/null and b/img/vrata/epinger-vrata12.jpg differ diff --git a/img/vrata/epinger-vrata15.jpg b/img/vrata/epinger-vrata15.jpg new file mode 100644 index 0000000..cb2243c Binary files /dev/null and b/img/vrata/epinger-vrata15.jpg differ diff --git a/img/vrata/epinger-vrata16.jpg b/img/vrata/epinger-vrata16.jpg new file mode 100644 index 0000000..8208073 Binary files /dev/null and b/img/vrata/epinger-vrata16.jpg differ diff --git a/img/vrata/epinger-vrata17.jpg b/img/vrata/epinger-vrata17.jpg new file mode 100644 index 0000000..403e922 Binary files /dev/null and b/img/vrata/epinger-vrata17.jpg differ diff --git a/img/vrata/epinger-vrata18.jpg b/img/vrata/epinger-vrata18.jpg new file mode 100644 index 0000000..90ae6bb Binary files /dev/null and b/img/vrata/epinger-vrata18.jpg differ diff --git a/img/vrata/epinger-vrata20.jpg b/img/vrata/epinger-vrata20.jpg new file mode 100644 index 0000000..da38898 Binary files /dev/null and b/img/vrata/epinger-vrata20.jpg differ diff --git a/img/vrata/epinger-vrata21.jpg b/img/vrata/epinger-vrata21.jpg new file mode 100644 index 0000000..44e62d9 Binary files /dev/null and b/img/vrata/epinger-vrata21.jpg differ diff --git a/img/vrata/epinger-vrata22.jpg b/img/vrata/epinger-vrata22.jpg new file mode 100644 index 0000000..a2954f4 Binary files /dev/null and b/img/vrata/epinger-vrata22.jpg differ diff --git a/img/vrata/epinger-vrata23.jpg b/img/vrata/epinger-vrata23.jpg new file mode 100644 index 0000000..0c5e276 Binary files /dev/null and b/img/vrata/epinger-vrata23.jpg differ diff --git a/img/vrata/epinger-vrata24.jpg b/img/vrata/epinger-vrata24.jpg new file mode 100644 index 0000000..435b06b Binary files /dev/null and b/img/vrata/epinger-vrata24.jpg differ diff --git a/img/vrata/epinger-vrata25.jpg b/img/vrata/epinger-vrata25.jpg new file mode 100644 index 0000000..ee4477f Binary files /dev/null and b/img/vrata/epinger-vrata25.jpg differ diff --git a/img/vrata/epinger-vrata26.jpg b/img/vrata/epinger-vrata26.jpg new file mode 100644 index 0000000..1f5123e Binary files /dev/null and b/img/vrata/epinger-vrata26.jpg differ diff --git a/img/vrata/epinger-vrata28.jpg b/img/vrata/epinger-vrata28.jpg new file mode 100644 index 0000000..7dc90e9 Binary files /dev/null and b/img/vrata/epinger-vrata28.jpg differ diff --git a/img/vrata/epinger-vrata29.jpg b/img/vrata/epinger-vrata29.jpg new file mode 100644 index 0000000..42d639c Binary files /dev/null and b/img/vrata/epinger-vrata29.jpg differ diff --git a/img/vrata/epinger-vrata30.jpg b/img/vrata/epinger-vrata30.jpg new file mode 100644 index 0000000..c0697a4 Binary files /dev/null and b/img/vrata/epinger-vrata30.jpg differ diff --git a/img/vrata/epinger-vrata31.jpg b/img/vrata/epinger-vrata31.jpg new file mode 100644 index 0000000..c757ca1 Binary files /dev/null and b/img/vrata/epinger-vrata31.jpg differ diff --git a/img/vrata/epinger-vrata33.jpg b/img/vrata/epinger-vrata33.jpg new file mode 100644 index 0000000..d354d40 Binary files /dev/null and b/img/vrata/epinger-vrata33.jpg differ diff --git a/img/vrata/epinger-vrata34.jpg b/img/vrata/epinger-vrata34.jpg new file mode 100644 index 0000000..37bf3b3 Binary files /dev/null and b/img/vrata/epinger-vrata34.jpg differ diff --git a/img/vrata/epinger-vrata36.jpg b/img/vrata/epinger-vrata36.jpg new file mode 100644 index 0000000..42c854b Binary files /dev/null and b/img/vrata/epinger-vrata36.jpg differ diff --git a/img/vrata/epinger-vrata37.jpg b/img/vrata/epinger-vrata37.jpg new file mode 100644 index 0000000..04b6d04 Binary files /dev/null and b/img/vrata/epinger-vrata37.jpg differ diff --git a/img/vrata/epinger-vrata38.jpg b/img/vrata/epinger-vrata38.jpg new file mode 100644 index 0000000..05e2165 Binary files /dev/null and b/img/vrata/epinger-vrata38.jpg differ diff --git a/img/vrata/epinger-vrata39.jpg b/img/vrata/epinger-vrata39.jpg new file mode 100644 index 0000000..4d2fe84 Binary files /dev/null and b/img/vrata/epinger-vrata39.jpg differ diff --git a/img/vrata/epinger-vrata40.jpg b/img/vrata/epinger-vrata40.jpg new file mode 100644 index 0000000..337646c Binary files /dev/null and b/img/vrata/epinger-vrata40.jpg differ diff --git a/img/vrata/epinger-vrata41.jpg b/img/vrata/epinger-vrata41.jpg new file mode 100644 index 0000000..b14eccd Binary files /dev/null and b/img/vrata/epinger-vrata41.jpg differ diff --git a/img/vrata/epinger-vrata45.jpg b/img/vrata/epinger-vrata45.jpg new file mode 100644 index 0000000..e168b60 Binary files /dev/null and b/img/vrata/epinger-vrata45.jpg differ diff --git a/img/vrata/epinger-vrata46.jpg b/img/vrata/epinger-vrata46.jpg new file mode 100644 index 0000000..e34557f Binary files /dev/null and b/img/vrata/epinger-vrata46.jpg differ diff --git a/img/vrata/epinger-vrata47.jpg b/img/vrata/epinger-vrata47.jpg new file mode 100644 index 0000000..a350576 Binary files /dev/null and b/img/vrata/epinger-vrata47.jpg differ diff --git a/img/zavory/epinger-zavory01.jpg b/img/zavory/epinger-zavory01.jpg new file mode 100644 index 0000000..14d8b60 Binary files /dev/null and b/img/zavory/epinger-zavory01.jpg differ diff --git a/img/zavory/epinger-zavory02.jpg b/img/zavory/epinger-zavory02.jpg new file mode 100644 index 0000000..7a178a5 Binary files /dev/null and b/img/zavory/epinger-zavory02.jpg differ diff --git a/img/zavory/epinger-zavory03.jpg b/img/zavory/epinger-zavory03.jpg new file mode 100644 index 0000000..173ad84 Binary files /dev/null and b/img/zavory/epinger-zavory03.jpg differ diff --git a/img/zavory/epinger-zavory04.jpg b/img/zavory/epinger-zavory04.jpg new file mode 100644 index 0000000..4dd1c72 Binary files /dev/null and b/img/zavory/epinger-zavory04.jpg differ diff --git a/img/zavory/epinger-zavory05.jpg b/img/zavory/epinger-zavory05.jpg new file mode 100644 index 0000000..e2909d2 Binary files /dev/null and b/img/zavory/epinger-zavory05.jpg differ diff --git a/img/zavory/epinger-zavory06.jpg b/img/zavory/epinger-zavory06.jpg new file mode 100644 index 0000000..5385cfa Binary files /dev/null and b/img/zavory/epinger-zavory06.jpg differ diff --git a/img/zavory/epinger-zavory07.jpg b/img/zavory/epinger-zavory07.jpg new file mode 100644 index 0000000..4520c96 Binary files /dev/null and b/img/zavory/epinger-zavory07.jpg differ diff --git a/img/zavory/epinger-zavory08.jpg b/img/zavory/epinger-zavory08.jpg new file mode 100644 index 0000000..13f0466 Binary files /dev/null and b/img/zavory/epinger-zavory08.jpg differ diff --git a/index.php b/index.php new file mode 100644 index 0000000..3b3d435 --- /dev/null +++ b/index.php @@ -0,0 +1,74 @@ + + + + Epinger 2 + ['template' => 'articles/other/default.php', 'css' => [$index_css]], // Example of multiple CSS files + '/' => ['template' => 'articles/other/default.php', 'css' => [$index_css]], // Example of multiple CSS files + '/index.php' => ['template' => 'articles/other/default.php', 'css' => [$index_css]], // Example of multiple CSS files + + '/contacts' => ['template' => 'contacts.php','css' => ['/css/articles/contacts.css', '/css/articles/article-base.css']], + '/about-us' => ['template' => 'articles/other/about-us.php', 'css' => ['/css/articles/other/about-us.css', '/css/articles/article-base.css']], + '/reference' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']], + '/brany' => ['template' => 'articles/brany.php', 'css' => ['/css/articles/brany.css', '/css/articles/article-base.css']], + '/vrata' => ['template' => 'articles/vrata.php', 'css' => ['/css/articles/vrata.css', '/css/articles/article-base.css']], + '/akce' => ['template' => 'articles/akcevertisment.php', 'css' => ['/css/articles/akce.css', '/css/articles/article-base.css']], + '/komplex' => ['template' => 'articles/komplex.php', 'css' => ['/css/articles/komplex.css', '/css/articles/article-base.css']], + '/zavory' => ['template' => 'articles/zavory.php', 'css' => ['/css/articles/zavory.css', '/css/articles/article-base.css']], + '/rolety' => ['template' => 'articles/rolety.php', 'css' => ['/css/articles/rolety.css', '/css/articles/article-base.css']], + '/servis' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']], + '/zaluzie' => ['template' => 'articles/zaluzie.php', 'css' => ['/css/articles/zaluzie.css', '/css/articles/article-base.css']], + '/reklamy' => ['template' => 'articles/reklamy.php', 'css' => ['/css/articles/reklamy.css', '/css/articles/article-base.css']], + ]; + + // Check if the requested path matches a defined route + if (isset($routes[$requestPath]) && isset($routes[$requestPath]['css'])) { + // Output the CSS files + foreach ($routes[$requestPath]['css'] as $cssFile) { + if (is_array($cssFile)) { + // If $cssFile is an array, handle it appropriately + foreach ($cssFile as $singleCssFile) { + echo ''; + } + } else { + // If $cssFile is a single CSS file, include it directly + echo ''; + } + } + } + + + + ?> + + + +

+ 0) { + include $templatePath; + } + } + } else { + // If no matching route is found, include the 404 page + include "utilities/404.php"; + } + ?> +

+ + + + diff --git a/js/index/carousel.js b/js/index/carousel.js new file mode 100644 index 0000000..86f85b0 --- /dev/null +++ b/js/index/carousel.js @@ -0,0 +1,320 @@ +/*let carousel = document.querySelector('.carousel'); + +let carouselInner = document.querySelector('.carousel-inner'); + +let prev = document.querySelector('.carousel-controls .prev'); + +let next = document.querySelector('.carousel-controls .next'); + +let slides = document.querySelectorAll('.carousel-inner .carousel-item'); + +let totalSlides = slides.length; + +let step = 100 / totalSlides; + +let activeSlide = 0; + +let activeIndicator = 0; + +let direction = -1; + +let jump = 1; + +let interval = 3000; + +let time; + + + +//Init carousel +carouselInner.style.minWidth = (totalSlides * 100) + '%'; +loadIndicators(); +loop(true); + + +//Carousel events + +next.addEventListener('click',()=>{ + + console.log("next"); + slideToNext(); +}); + +prev.addEventListener('click',()=>{ + console.log("prev"); + slideToPrev(); +}); + +carouselInner.addEventListener('transitionend',()=>{ + if(direction === -1){ + if(jump > 1){ + for(let i = 0; i < jump; i++){ + activeSlide++; + carouselInner.append(carouselInner.firstElementChild); + } + }else{ + activeSlide++; + carouselInner.append(carouselInner.firstElementChild); + } + }else if(direction === 1){ + if(jump > 1){ + for(let i = 0; i < jump; i++){ + activeSlide--; + carouselInner.prepend(carouselInner.lastElementChild); + } + }else{ + activeSlide--; + carouselInner.prepend(carouselInner.lastElementChild); + } + }; + + carouselInner.style.transition = 'none'; + carouselInner.style.transform = 'translateX(0%)'; + setTimeout(()=>{ + jump = 1; + carouselInner.style.transition = 'all ease .5s'; + }); + updateIndicators(); +}); + +document.querySelectorAll('.carousel-indicators span').forEach(item=>{ + item.addEventListener('click',(e)=>{ + let slideTo = parseInt(e.target.dataset.slideTo); + + let indicators = document.querySelectorAll('.carousel-indicators span'); + + indicators.forEach((item,index)=>{ + if(item.classList.contains('active')){ + activeIndicator = index + } + }) + + if(slideTo - activeIndicator > 1){ + jump = slideTo - activeIndicator; + step = jump * step; + slideToNext(); + }else if(slideTo - activeIndicator === 1){ + slideToNext(); + }else if(slideTo - activeIndicator < 0){ + + if(Math.abs(slideTo - activeIndicator) > 1){ + jump = Math.abs(slideTo - activeIndicator); + step = jump * step; + slideToPrev(); + } + slideToPrev(); + } + step = 100 / totalSlides; + }) +}); + +carousel.addEventListener('mouseover',()=>{ + loop(false); +}) + +carousel.addEventListener('mouseout',()=>{ + loop(true); +}) + +//Carousel functions + +function loadIndicators(){ + slides.forEach((slide,index)=>{ + if(index === 0){ + document.querySelector('.carousel-indicators').innerHTML += + ``; + }else{ + document.querySelector('.carousel-indicators').innerHTML += + ``; + } + }); +}; + +function updateIndicators(){ + if(activeSlide > (totalSlides - 1)){ + activeSlide = 0; + }else if(activeSlide < 0){ + activeSlide = (totalSlides - 1); + } + document.querySelector('.carousel-indicators span.active').classList.remove('active'); + document.querySelectorAll('.carousel-indicators span')[activeSlide].classList.add('active'); +}; + +function slideToNext(){ + if(direction === 1){ + direction = -1; + carouselInner.prepend(carouselInner.lastElementChild); + }; + + carousel.style.justifyContent = 'flex-start'; + carouselInner.style.transform = `translateX(-${step}%)`; +}; + +function slideToPrev(){ + if(direction === -1){ + direction = 1; + carouselInner.append(carouselInner.firstElementChild); + }; + carousel.style.justifyContent = 'flex-end' + carouselInner.style.transform = `translateX(${step}%)`; +}; + +function loop(status){ + if(status === true){ + time = setInterval(()=>{ + slideToNext(); + },interval); + }else{ + clearInterval(time); + } +}*/ + +$(document).ready(function() { + let carousel = $('.carousel'); + let carouselInner = $('.carousel-inner'); + let prev = $('.carousel-controls .prev'); + let next = $('.carousel-controls .next'); + let totalSlides = $('.carousel-inner .carousel-item').length; + let step = 100 / totalSlides; + let activeSlide = 0; + let activeIndicator = 0; + let direction = -1; + let jump = 1; + let interval = 3000; + let time; + + // Init carousel + carouselInner.css('minWidth', totalSlides * 100 + '%'); + loadIndicators(); + loop(true); + + // Carousel events + next.on('click', function() { + console.log("next"); + slideToNext(); + }); + + prev.on('click', function() { + console.log("prev"); + slideToPrev(); + }); + + carouselInner.on('transitionend', function() { + if (direction === -1) { + if (jump > 1) { + for (let i = 0; i < jump; i++) { + activeSlide++; + carouselInner.append(carouselInner.children().first()); + } + } else { + activeSlide++; + carouselInner.append(carouselInner.children().first()); + } + } else if (direction === 1) { + if (jump > 1) { + for (let i = 0; i < jump; i++) { + activeSlide--; + carouselInner.prepend(carouselInner.children().last()); + } + } else { + activeSlide--; + carouselInner.prepend(carouselInner.children().last()); + } + } + + carouselInner.css({ + transition: 'none', + transform: 'translateX(0%)' + }); + + setTimeout(function() { + jump = 1; + carouselInner.css('transition', 'all ease .5s'); + }); + updateIndicators(); + }); + + $(document).on('click', '.carousel-indicators span', function() { + let slideTo = parseInt($(this).data('slide-to')); + let indicators = $('.carousel-indicators span'); + indicators.each(function(index) { + if ($(this).hasClass('active')) { + activeIndicator = index; + } + }); + + if (slideTo - activeIndicator > 1) { + jump = slideTo - activeIndicator; + step = jump * step; + slideToNext(); + } else if (slideTo - activeIndicator === 1) { + slideToNext(); + } else if (slideTo - activeIndicator < 0) { + if (Math.abs(slideTo - activeIndicator) > 1) { + jump = Math.abs(slideTo - activeIndicator); + step = jump * step; + slideToPrev(); + } + slideToPrev(); + } + step = 100 / totalSlides; + }); + + carousel.on('mouseover', function() { + loop(false); + }); + + carousel.on('mouseout', function() { + loop(true); + }); + + // Carousel functions + function loadIndicators() { + for (let index = 0; index < totalSlides; index++) { + if (index === 0) { + $('.carousel-indicators').append(''); + } else { + $('.carousel-indicators').append(''); + } + } + } + + function updateIndicators() { + if (activeSlide > (totalSlides - 1)) { + activeSlide = 0; + } else if (activeSlide < 0) { + activeSlide = totalSlides - 1; + } + $('.carousel-indicators span.active').removeClass('active'); + $('.carousel-indicators span').eq(activeSlide).addClass('active'); + } + + function slideToNext() { + if (direction === 1) { + direction = -1; + carouselInner.prepend(carouselInner.children().last()); + } + + carousel.css('justifyContent', 'flex-start'); + carouselInner.css('transform', 'translateX(-' + step + '%)'); + } + + function slideToPrev() { + if (direction === -1) { + direction = 1; + carouselInner.append(carouselInner.children().first()); + } + carousel.css('justifyContent', 'flex-end'); + carouselInner.css('transform', 'translateX(' + step + '%)'); + } + + function loop(status) { + if (status === true) { + time = setInterval(function() { + slideToNext(); + }, interval); + } else { + clearInterval(time); + } + } +}); diff --git a/js/nav-mobile.js b/js/nav-mobile.js new file mode 100644 index 0000000..a5c840b --- /dev/null +++ b/js/nav-mobile.js @@ -0,0 +1,14 @@ +$(document).ready(function(){ + var toggleNav = false; + $("#nav-buton-js").click(function(){ + // Your code to be executed when the button is clicked + $(".nav-links").toggleClass("nav-links-expanded"); + + console.log("Button clicked!"); + }); + $("#drop-act").click(function(){ + // Your code to be executed when the button is clicked + $(".dropdown-content").toggleClass("dropdown-active"); + console.log("Button clicked!"); + }); +}); diff --git a/tools/contact.php b/tools/contact.php new file mode 100644 index 0000000..c75d423 --- /dev/null +++ b/tools/contact.php @@ -0,0 +1,31 @@ +

+
+

+ Slunečná 545
747 64 Velká Polom
+ IČ: 44776632, DIČ: CZ7108095544 +

+
+
+ +

+ Radim Epinger +
+ Majitel +
+ +420 775 795 996
+ radim@epinger2.cz +

+
+
+

+ Marie Epingerová +
+ objednávky, administrativa, fakturace +
+ +420 775 795 965
+ marie@epinger2.cz +

diff --git a/tools/email-me.php b/tools/email-me.php new file mode 100644 index 0000000..e2e7533 --- /dev/null +++ b/tools/email-me.php @@ -0,0 +1,18 @@ +

+ +

diff --git a/tools/footer.php b/tools/footer.php new file mode 100644 index 0000000..9851d6c --- /dev/null +++ b/tools/footer.php @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/tools/index/about_us.php b/tools/index/about_us.php new file mode 100644 index 0000000..985c36c --- /dev/null +++ b/tools/index/about_us.php @@ -0,0 +1,54 @@ +

Služby

+ + +

+ +

Služby

+ + +

+ +

\ No newline at end of file diff --git a/tools/index/carousel.php b/tools/index/carousel.php new file mode 100644 index 0000000..419666e --- /dev/null +++ b/tools/index/carousel.php @@ -0,0 +1,17 @@ +

+ + +

+ + \ No newline at end of file diff --git a/tools/index/products.php b/tools/index/products.php new file mode 100644 index 0000000..e9f2aae --- /dev/null +++ b/tools/index/products.php @@ -0,0 +1,28 @@ +

+ Grafický design +

+ Světelná reklama +

+ Polepy vozidel +

+ Tisk servis +

+ Potisk textilu +

+ Web design +

diff --git a/tools/instagram-posts.php b/tools/instagram-posts.php new file mode 100644 index 0000000..e20fa34 --- /dev/null +++ b/tools/instagram-posts.php @@ -0,0 +1,13 @@ + +

+ + + + \ No newline at end of file diff --git a/tools/map.php b/tools/map.php new file mode 100644 index 0000000..47761eb --- /dev/null +++ b/tools/map.php @@ -0,0 +1,42 @@ + + + + diff --git a/tools/nav.php b/tools/nav.php new file mode 100644 index 0000000..00d7f45 --- /dev/null +++ b/tools/nav.php @@ -0,0 +1,53 @@ + + + \ No newline at end of file diff --git a/utilities/404.php b/utilities/404.php new file mode 100644 index 0000000..a647fa5 --- /dev/null +++ b/utilities/404.php @@ -0,0 +1 @@ +

Chyba: 404
Je zadaný správně odkaz?

\ No newline at end of file diff --git a/utilities/head.php b/utilities/head.php new file mode 100644 index 0000000..b438744 --- /dev/null +++ b/utilities/head.php @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file