init
2
.gitattributes
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
58
about-us.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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.php' => ['template' => 'contacts.php','css' => ['/css/articles/contacts.css', '/css/articles/article-base.css']],
|
||||||
|
'/about-us.php' => ['template' => 'articles/other/about-us.php', 'css' => ['/css/articles/other/about-us.css', '/css/articles/article-base.css']],
|
||||||
|
'/reference.php' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']],
|
||||||
|
'/service.php' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap.php' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design.php' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad.php' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service.php' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print.php' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design.php' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "tools/index/about_us.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
19
articles/car-wrap.php
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Polepy vozidel</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>Reklamní polep vozidla je účinný prostředek jak upozornit nebo upoutat pozornost na produkt nebo činnost Vaší firmy.
|
||||||
|
<br>
|
||||||
|
Grafika na vozidle je denně na veřejnosti a oslovuje nepřetžitě.
|
||||||
|
<br>
|
||||||
|
Vozidlo lze polepit kompletně a využít maximálně reklamní plochu. Pro náročnější polepy používáme lité folie pro prolisy a záhyby.
|
||||||
|
<br>
|
||||||
|
Na prosklené části lze použít speciální folií pro okenní grafiku, která nebrání výhledu ven.
|
||||||
|
<br>
|
||||||
|
Další možností jsou magnetické reklamy pro dočasné a častěji snímatelné reklamy.
|
||||||
|
<br>
|
||||||
|
Rádi Vám připravíme grafický návrh na vaše vozidlo...
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
15
articles/graphic-design.php
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Grafický design</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Oslovit své stávající i potenciální zákazníky způsobem, který je jednoduchý, srozumitelný a přesvědčivý, je v dnešní době stále obtížnější. Upoutat pozornost a odlišit se od konkurence je motivem komerčního designu.
|
||||||
|
<br>
|
||||||
|
Trh se zaplňuje, a to co může zásadním způsobem rozhodnout o Vašem úspěchu, je promyšlená a přesně cílená komunikace. Jsme schopni pro Vás připravit grafické řešení od obchodní značky až po celkovou firemní identitu.
|
||||||
|
<br>
|
||||||
|
Navrhneme také design dle konkrétního zadání např. inzerci, firemní tiskoviny, katalogy, letáky, web design apod.
|
||||||
|
<br>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
18
articles/light-advertisment.php
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Světelná reklama</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Světelné panely dodáváme v různých velikostech a provedení...
|
||||||
|
<br>
|
||||||
|
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.
|
||||||
|
<br>
|
||||||
|
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.
|
||||||
|
<br>
|
||||||
|
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.
|
||||||
|
<br>
|
||||||
|
Vzhledem k vlastnímu výrobnímu zázemí provádíme montáž i servis v rámci celé EU...
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
18
articles/other/about-us.php
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>O nás</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Působíme v oboru reklamy od roku 1994. Jsme mladý kreativní tým pracovníků sledující nejnovější trendy v oblasti reklamy a snažíme se tak stále rozšiřovat nabídku našich služeb a vyhovět všem Vašim požadavkům.<br>
|
||||||
|
Grafickou prezentaci firem řešíme od návrhu až po realizaci. Naší výhodou je vlastní výrobní zázemí a rychlé zpracování zakázek.
|
||||||
|
<br>
|
||||||
|
Výhodou je také situační poloha naší společnosti v centru města.
|
||||||
|
<br>
|
||||||
|
Základním servisem je grafické zpracování a tisk firemních materiálů.
|
||||||
|
<br>
|
||||||
|
Nábízíme veškeré tiskoviny od vizitek, pozvánek, hlavičkových papírů až po speciální formuláře, reklamní letáky, propagační materiály či katalogy. Dále se převážně zabýváme činností, která se nazývá Signmaking, tzn. výroba reklamy od samolepky přes světelnou reklamu až po bigboard. Pro naše klienty jsme připravili již mnoho řešení z oblasti reklamy, které pomohly k jednotné identitě firmy nebo k jejímu zviditelnění na trhu.
|
||||||
|
<br>
|
||||||
|
Naším cílem je udržet co nejpříznivější ceny jednotlivých prací a být klientům, kvalitním a cenově dostupným partnerem.</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
12
articles/other/default.php
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!-- Default content when no specific template is included -->
|
||||||
|
<!--<div class="carousel-cover-skew carousel-cover-skew-top"></div>-->
|
||||||
|
<?php include "tools/index/carousel.php"; ?>
|
||||||
|
<!--<div class="carousel-cover-skew carousel-cover-skew-bottom"></div>-->
|
||||||
|
<?php include "tools/index/about_us.php";?>
|
||||||
|
|
||||||
|
<?php include "tools/index/products.php";?>
|
||||||
|
|
||||||
|
<?php include "tools/instagram-posts.php";?>
|
||||||
|
|
||||||
|
<?php include "articles/other/reference.php";?>
|
||||||
|
<?php include "tools/email-me.php";?>
|
||||||
9
articles/other/reference.php
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
<article class="reference">
|
||||||
|
<header>
|
||||||
|
<h1>Reference</h1>
|
||||||
|
<hr class="ref-hr">
|
||||||
|
</header>
|
||||||
|
<img class="mobile-img" src="/img/other/reference/reference_navysku.svg" alt="reference firem">
|
||||||
|
<img class="desktop-img" src="/img/other/reference/reference_nasirku.svg" alt="reference firem">
|
||||||
|
|
||||||
|
</article>
|
||||||
17
articles/other/service.php
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<article class="servis">
|
||||||
|
<header>
|
||||||
|
<h1>Servis</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Nabízíme Vám servis týkající se dodání komplexního reklamního produktu.
|
||||||
|
<br>
|
||||||
|
Dle Vaší poptávky vypracujeme cenovou nabídku, připravíme grafické zpracování vč. návrhu realizace.
|
||||||
|
<br>
|
||||||
|
Kompletní zakázku Vám doručíme kdekoliv.
|
||||||
|
<br>
|
||||||
|
Realizace venkovní reklamy a světelných panelů řešíme rovněž na místě určení.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</article>
|
||||||
18
articles/print-service.php
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Tisk servis</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
Nabízíme servis pro dodání tiskovin a propagačních materiálů které jsou rozmanité svým užitím, velikostí a zpracováním.
|
||||||
|
<br>
|
||||||
|
Tištěná informace je i v dnešní elektronické době stále nejoblíbenější médium.
|
||||||
|
<br>
|
||||||
|
Dodáme komplexně tištěný materiál od grafického návrhu přes přípravu až po realizaci.
|
||||||
|
<br>
|
||||||
|
Tisk provádíme na veškeré druhy papírů a fólií v různých nákladech. Pro nízkonákladový tisk používáme laserové technologie, pro vyšší náklad se využívá ofsetový tisk z důvodu stále nejkvalitnějšího tisku a provedení.
|
||||||
|
<br>
|
||||||
|
Dodáváme širokou škálu tiskovin např. vizitky, letáky, hlavičkové papíry, brožury, leporela, firemní složky, bloky, katalogy, kalendáře, etikety, samolepky, obálky, propisovací tiskopisy, obaly, magnetické etikety, noviny, časopisy, visačky, jídelní lístky, mapy, vizitky, zákaznické karty apod.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
16
articles/textile-print.php
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Potisk textilu</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
K firemní kultuře dnes patří používat identické oblečení s logem firmy. Tiskneme na textil dodaný zákazníkem nebo lze dodat široký sortiment značkového textilu. Textil lze potisknout plnobarevně. Minimální počet potisku jednoho motivu je 10 ks.
|
||||||
|
<br>
|
||||||
|
Po dohodě je možné potisk 1 a více ks při individulní ceně za potisk.
|
||||||
|
<br>
|
||||||
|
Při nižším nákladu používáme aplikaci Flock A Flex, samozřejmostí je sítotisk nebo vyšití.
|
||||||
|
<br>
|
||||||
|
Potiskneme pracovní oděvy, trička, mikiny, vesty, bundy, zástěry, kalhoty, čepice apod.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
16
articles/web-design.php
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h1>Web design</h1>
|
||||||
|
</header>
|
||||||
|
<section>
|
||||||
|
<p>
|
||||||
|
V dnešním obchodním světě je třeba vytvořit webstránky stejně originální, jako je sama firma. Není to jen pouhé místo se základními informacemi o firmě. Každý projekt je specifický, ale tvorba běžné internetové prezentace probíhá obvykle v následujících fázích:
|
||||||
|
<br>
|
||||||
|
<ul>
|
||||||
|
<li>Návrh - vytvoření návrhu, struktury a grafiky. Výroba - registrace domény, vytvoření obrázků, HTML souborů, ASP, PHP či CGI skriptů, databází...</li>
|
||||||
|
<li>Vystavení - instalace hotové prezentace na hostitelský server.</li>
|
||||||
|
<li>Udržování - obsah internetových stránek je podle potřeby upravován a aktualizován.</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</article>
|
||||||
58
car-wrap.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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']],
|
||||||
|
'/service' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap.php' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/car-wrap.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
12
css/articles/article-base.css
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
article{
|
||||||
|
font-size: 0.9em;
|
||||||
|
color: white;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
article header{
|
||||||
|
margin-bottom: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
article p, article section p{
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
44
css/articles/other/about-us.css
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
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;
|
||||||
|
}
|
||||||
48
css/articles/other/reference.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
57
css/body.css
Normal file
@@ -0,0 +1,57 @@
|
|||||||
|
body{
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
font-family: "Montserrat", sans-serif;
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: normal;
|
||||||
|
|
||||||
|
font-size: 1.5em;
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
hr{
|
||||||
|
border-color: #edbf63 !important;
|
||||||
|
background-color: none !important;
|
||||||
|
width: 100% !important;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1000px){
|
||||||
|
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 1000px){
|
||||||
|
body{
|
||||||
|
font-size: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
63
css/index/about_us.css
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
|
||||||
|
.about-us::before{
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
z-index: -1;
|
||||||
|
bottom: 0;
|
||||||
|
margin-top: -3em;
|
||||||
|
transform: skewY(-3deg);
|
||||||
|
-webkit-transform: skewY(-3deg);
|
||||||
|
height: 5em;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
.about-us::after{
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
z-index: -1;
|
||||||
|
bottom: 0;
|
||||||
|
margin-bottom: -2em;
|
||||||
|
transform: skewY(-3deg);
|
||||||
|
-webkit-transform: skewY(-3deg);
|
||||||
|
height: 5em;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
.about-us{
|
||||||
|
background-color: white;
|
||||||
|
width: 100%;
|
||||||
|
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;
|
||||||
|
}
|
||||||
120
css/index/carousel.css
Normal file
@@ -0,0 +1,120 @@
|
|||||||
|
.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{
|
||||||
|
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/DAVO_Web_slide_1.png");
|
||||||
|
}
|
||||||
|
.carousel-item-second{
|
||||||
|
background-image: url("/img/carousel/DAVO_Web_slide_2.png");
|
||||||
|
}
|
||||||
|
.carousel-item-third{
|
||||||
|
background-image: url("/img/carousel/DAVO_Web_slide_3.png");
|
||||||
|
}
|
||||||
|
.carousel-item-fourth{
|
||||||
|
background-image: url("/img/carousel/DAVO_Web_slide_4.png");
|
||||||
|
}
|
||||||
|
.carousel-item-fifth{
|
||||||
|
background-image: url("/img/carousel/DAVO_Web_slide_5.png");
|
||||||
|
}
|
||||||
|
.carousel-item-sixth{
|
||||||
|
background-image: url("/img/carousel/DAVO_Web_slide_6.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 991px){
|
||||||
|
.prev, .next{
|
||||||
|
height: 1em !important;
|
||||||
|
width: 1em !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
50
css/index/contact.css
Normal file
@@ -0,0 +1,50 @@
|
|||||||
|
body{
|
||||||
|
background-color: #212121;
|
||||||
|
}
|
||||||
|
.contacts{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
background-color: #212121;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
padding-top: 4em;
|
||||||
|
padding-bottom: 4em;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.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: 1.2;
|
||||||
|
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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
0
css/index/index.css
Normal file
0
css/index/instagram.css
Normal file
67
css/index/products.css
Normal file
@@ -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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
48
css/reset.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
72
css/tools/email-me.css
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
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: #212121;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
.email-me-container header{
|
||||||
|
font-size: 1.5em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.email-me hr{
|
||||||
|
border-color: gold;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
.email-me-form button{
|
||||||
|
font-size: 1em;
|
||||||
|
|
||||||
|
padding: 0.8em;
|
||||||
|
|
||||||
|
border-radius: 0.5em;
|
||||||
|
border-width: 0;
|
||||||
|
background-color: goldenrod;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 910px){
|
||||||
|
.email-me-form{
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
16
css/tools/footer.css
Normal file
@@ -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%;
|
||||||
|
}
|
||||||
173
css/tools/nav.css
Normal file
@@ -0,0 +1,173 @@
|
|||||||
|
nav{
|
||||||
|
background-color: #0f0f10;
|
||||||
|
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;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.nav-logo img{
|
||||||
|
margin: 1em;
|
||||||
|
height: 2.5em;
|
||||||
|
}
|
||||||
|
.mobile-nav .nav-logo button{
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
border: 0;
|
||||||
|
color: white;
|
||||||
|
height: auto;
|
||||||
|
width: 1.6em;
|
||||||
|
background-color: #edbf63;
|
||||||
|
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: #c9ab5f;
|
||||||
|
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: #847546;
|
||||||
|
|
||||||
|
/*border-color: white;
|
||||||
|
border-style: solid;
|
||||||
|
border-right-width: 0.2em;*/
|
||||||
|
}
|
||||||
|
.mobile-nav .dropdown-active{
|
||||||
|
max-height: 40em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.desktop-nav{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop-nav .nav-logo{
|
||||||
|
width: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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: black;
|
||||||
|
border-bottom-right-radius: 0.5em;
|
||||||
|
border-bottom-left-radius: 0.5em;
|
||||||
|
margin-top: 1.45em;
|
||||||
|
margin-left: -2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desktop-nav .dropdown:hover .dropdown-content{
|
||||||
|
max-height: 20em;
|
||||||
|
}
|
||||||
|
.desktop-nav .dropdown .dropdown-content .nav-items{
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-items{
|
||||||
|
-webkit-transition: color 0.5s ease;
|
||||||
|
-moz-transition: color 0.5s ease;
|
||||||
|
-ms-transition: color 0.5s ease;
|
||||||
|
-o-transition: color 0.5s ease;
|
||||||
|
transition: color 0.5s ease;
|
||||||
|
}
|
||||||
|
.nav-items:hover{
|
||||||
|
color: #edbf63;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
12
default.php
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<!-- Default content when no specific template is included -->
|
||||||
|
<!--<div class="carousel-cover-skew carousel-cover-skew-top"></div>-->
|
||||||
|
<?php include "tools/index/carousel.php"; ?>
|
||||||
|
<!--<div class="carousel-cover-skew carousel-cover-skew-bottom"></div>-->
|
||||||
|
<?php include "tools/index/about_us.php";?>
|
||||||
|
|
||||||
|
<?php include "tools/index/products.php";?>
|
||||||
|
|
||||||
|
<?php include "tools/instagram-posts.php";?>
|
||||||
|
|
||||||
|
<?php include "articles/other/reference.php";?>
|
||||||
|
<?php include "tools/email-me.php";?>
|
||||||
BIN
favicon.ico
Normal file
|
After Width: | Height: | Size: 4.2 KiB |
2
gitattributes
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
# Auto detect text files and perform LF normalization
|
||||||
|
* text=auto
|
||||||
58
graphic-design.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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.php' => ['template' => 'contacts.php','css' => ['/css/articles/contacts.css', '/css/articles/article-base.css']],
|
||||||
|
'/about-us.php' => ['template' => 'articles/other/about-us.php', 'css' => ['/css/articles/other/about-us.css', '/css/articles/article-base.css']],
|
||||||
|
'/reference.php' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']],
|
||||||
|
'/service.php' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap.php' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design.php' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad.php' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service.php' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print.php' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design.php' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/graphic-design.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
img/carousel/DAVO_Web_slide_1.png
Normal file
|
After Width: | Height: | Size: 2.2 MiB |
BIN
img/carousel/DAVO_Web_slide_2.png
Normal file
|
After Width: | Height: | Size: 2.8 MiB |
BIN
img/carousel/DAVO_Web_slide_3.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
img/carousel/DAVO_Web_slide_4.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
img/carousel/DAVO_Web_slide_5.png
Normal file
|
After Width: | Height: | Size: 2.8 MiB |
BIN
img/carousel/DAVO_Web_slide_6.png
Normal file
|
After Width: | Height: | Size: 1.9 MiB |
BIN
img/other/DAVO_logo_2024_bile.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
img/other/DAVO_logo_2025_Final.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
51
img/other/nav.php
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<nav class="mobile-nav">
|
||||||
|
<div class="nav-logo">
|
||||||
|
<a href="/"><img src="/img/other/DAVO_logo_2025_Final.png" alt="logo"></a>
|
||||||
|
<button id="nav-buton-js" type="button">≡<!--≡--></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav-links">
|
||||||
|
<a class="nav-items" href="/about-us.php">O nás</a>
|
||||||
|
<div class="dropdown" >
|
||||||
|
<div id="drop-act" class="nav-items">Naše služby</div>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a class="nav-items" href="/graphic-design.php">Grafický design</a>
|
||||||
|
<a class="nav-items" href="/light-ad.php">Světelná reklama</a>
|
||||||
|
<a class="nav-items" href="/car-wrap.php">Polepy vozidel</a>
|
||||||
|
<a class="nav-items" href="/print-service.php">Tisk servis</a>
|
||||||
|
<a class="nav-items" href="/web-design.php">Web design</a>
|
||||||
|
<a class="nav-items" href="/textile-print.php">Postisk textilu</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="nav-items" href="/reference.php">Reference</a>
|
||||||
|
<a class="nav-items" href="/service.php">Servis</a>
|
||||||
|
<a class="nav-items" href="https://www.instagram.com/davo1.cz/"><i class="fa-brands fa-instagram" aria-hidden="true"></i></a>
|
||||||
|
<a class="nav-items" href="https://wa.me/420603234488"><i class="fa-brands fa-whatsapp"></i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="desktop-nav">
|
||||||
|
<div class="nav-logo">
|
||||||
|
<a href="/"><img src="/img/other/DAVO_logo_2025_Final.png" alt="logo"></a>
|
||||||
|
</div>
|
||||||
|
<div class="desktop-nav-second-section">
|
||||||
|
<a class="nav-items" href="/about-us.php">O nás</a>
|
||||||
|
<div class="dropdown" >
|
||||||
|
<div id="drop-act" class="nav-items">Naše služby</div>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a class="nav-items" href="/graphic-design.php">Grafický design</a>
|
||||||
|
<a class="nav-items" href="/light-ad.php">Světelná reklama</a>
|
||||||
|
<a class="nav-items" href="/car-wrap.php">Polepy vozidel</a>
|
||||||
|
<a class="nav-items" href="/print-service.php">Tisk servis</a>
|
||||||
|
<a class="nav-items" href="/web-design.php">Web design</a>
|
||||||
|
<a class="nav-items" href="/textile-print.php">Postisk textilu</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="nav-items" href="/reference.php">Reference</a>
|
||||||
|
<a class="nav-items" href="/service.php">Servis</a>
|
||||||
|
<a class="nav-items" href="https://www.instagram.com/davo1.cz/"><i class="fa-brands fa-instagram" aria-hidden="true"></i></a>
|
||||||
|
<a class="nav-items" href="https://wa.me/420603234488"><i class="fa-brands fa-whatsapp"></i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<script src="/js/nav-mobile.js"></script>
|
||||||
BIN
img/other/one-to-one.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
389
img/other/reference/reference_nasirku.svg
Normal file
|
After Width: | Height: | Size: 549 KiB |
375
img/other/reference/reference_navysku.svg
Normal file
|
After Width: | Height: | Size: 549 KiB |
1
img/other/svg/next.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 18 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M0.759,31.748l-0.507,-0.507c-0.336,-0.336 -0.336,-0.881 0,-1.218l14.023,-14.023l-14.023,-14.023c-0.336,-0.337 -0.336,-0.882 0,-1.218l0.507,-0.507c0.336,-0.336 0.881,-0.336 1.218,0l15.139,15.139c0.336,0.336 0.336,0.881 -0,1.218l-15.139,15.139c-0.337,0.336 -0.882,0.336 -1.218,-0Z" style="fill:#fff;fill-rule:nonzero;"/></svg>
|
||||||
|
After Width: | Height: | Size: 773 B |
1
img/other/svg/prev.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 18 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><path d="M16.609,31.748l0.507,-0.507c0.336,-0.336 0.336,-0.881 -0,-1.218l-14.023,-14.023l14.023,-14.023c0.336,-0.337 0.336,-0.882 -0,-1.218l-0.507,-0.507c-0.336,-0.336 -0.881,-0.336 -1.218,0l-15.139,15.139c-0.336,0.336 -0.336,0.881 0,1.218l15.139,15.139c0.337,0.336 0.882,0.336 1.218,-0Z" style="fill:#fff;fill-rule:nonzero;"/></svg>
|
||||||
|
After Width: | Height: | Size: 773 B |
72
index.php
Normal file
@@ -0,0 +1,72 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css', 'css/index/reference.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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.php' => ['template' => 'contacts.php','css' => ['/css/articles/contacts.css', '/css/articles/article-base.css']],
|
||||||
|
'/about-us.php' => ['template' => 'articles/other/about-us.php', 'css' => ['/css/articles/other/about-us.css', '/css/articles/article-base.css']],
|
||||||
|
'/reference.php' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']],
|
||||||
|
'/service.php' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap.php' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design.php' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad.php' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service.php' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print.php' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design.php' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php
|
||||||
|
// Check if the requested path matches a defined route
|
||||||
|
if (isset($routes[$requestPath])) {
|
||||||
|
// Include the template if available
|
||||||
|
if (isset($routes[$requestPath]['template'])) {
|
||||||
|
$templatePath = $routes[$requestPath]['template'];
|
||||||
|
if (file_exists($templatePath) && filesize($templatePath) > 0) {
|
||||||
|
include $templatePath;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If no matching route is found, include the 404 page
|
||||||
|
include "utilities/404.php";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
320
js/index/carousel.js
Normal file
@@ -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 +=
|
||||||
|
`<span data-slide-to="${index}" class="active"></span>`;
|
||||||
|
}else{
|
||||||
|
document.querySelector('.carousel-indicators').innerHTML +=
|
||||||
|
`<span data-slide-to="${index}"></span>`;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
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('<span data-slide-to="' + index + '" class="active"></span>');
|
||||||
|
} else {
|
||||||
|
$('.carousel-indicators').append('<span data-slide-to="' + index + '"></span>');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
14
js/nav-mobile.js
Normal file
@@ -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!");
|
||||||
|
});
|
||||||
|
});
|
||||||
58
light-ad.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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.php' => ['template' => 'contacts.php','css' => ['/css/articles/contacts.css', '/css/articles/article-base.css']],
|
||||||
|
'/about-us.php' => ['template' => 'articles/other/about-us.php', 'css' => ['/css/articles/other/about-us.css', '/css/articles/article-base.css']],
|
||||||
|
'/reference.php' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']],
|
||||||
|
'/service.php' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap.php' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design.php' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad.php' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service.php' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print.php' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design.php' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/light-advertisment.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
58
print-service.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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']],
|
||||||
|
'/service' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service.php' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/print-service.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
59
reference.php
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css', 'css/index/reference.css'];
|
||||||
|
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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.php' => ['template' => 'articles/other/reference.php', 'css' => ['/css/articles/other/reference.css', '/css/articles/article-base.css']],
|
||||||
|
'/service' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/other/reference.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
5
robots.txt
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow:
|
||||||
|
Crawl-Delay: 5
|
||||||
|
Request-rate: 18/1m 2100-0529
|
||||||
|
Request-rate: 6/1m 0530-2059
|
||||||
58
service.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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']],
|
||||||
|
'/service.php' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/other/service.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
58
textile-print.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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']],
|
||||||
|
'/service' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print.php' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/textile-print.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
tools/contact.php
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
<div class="contacts">
|
||||||
|
<div class="contact-format-container" >
|
||||||
|
<header class="email-me">
|
||||||
|
<h2>Kontakt</h2>
|
||||||
|
|
||||||
|
<hr class="email-me">
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<a href="mailto:info@davo1.cz">info@davo1.cz</a>
|
||||||
|
<br>
|
||||||
|
<a href="tel:+420603234488">+420 603 23 44 88</a>
|
||||||
|
<br>
|
||||||
|
<a href="https://www.instagram.com/davo1.cz/"><i class="fa-brands fa-instagram"></i></a>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<address>Davo reklama s.r.o.<br>Škroupova 10, Ostrava, 702 00 Czech Republic</address>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
Společnost je vedena Krajským soudem v Ostravě,<br> oddíl C, vložka 32455
|
||||||
|
<br>
|
||||||
|
IČ: 28569962, DIČ: CZ28569962
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
18
tools/email-me.php
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
<div class="email-me-container" >
|
||||||
|
<form class="email-me-form" action="https://formsubmit.co/info@davo1.cz" method="POST">
|
||||||
|
<header class="email-me">
|
||||||
|
Napište nám
|
||||||
|
<hr class="email-me">
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<label for="name">Jméno a přijmení</label>
|
||||||
|
<input type="text" name="name" required>
|
||||||
|
|
||||||
|
<label for="email">E-mail</label>
|
||||||
|
<input type="email" name="email" required>
|
||||||
|
<label for="message">Text</label>
|
||||||
|
|
||||||
|
<textarea placeholder="Your Message" class="form-control" name="message" rows="10" required></textarea>
|
||||||
|
<button class="email-me" type="subit">Odeslat</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
10
tools/footer.php
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<footer>
|
||||||
|
<p>Davo reklama s.r.o.,</p>
|
||||||
|
<address>
|
||||||
|
<p>Škroupova 10, Ostrava</p>
|
||||||
|
<p>Czech Republic</p>
|
||||||
|
</address>
|
||||||
|
<a href="mailto:info@davo1.cz">info@davo1.cz</a>
|
||||||
|
<a href="tel:+420603234488">+420 603 23 44 88</a>
|
||||||
|
|
||||||
|
</footer>
|
||||||
45
tools/index/about_us.php
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<div class="about-us">
|
||||||
|
<div class="about-us-big">
|
||||||
|
<header>
|
||||||
|
<h1>O nás</h1>
|
||||||
|
<hr>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<p>V oblasti reklamy jsme doma od roku 1994.</p>
|
||||||
|
|
||||||
|
<h2>Naše specializace</h2>
|
||||||
|
<p>Od návrhu až po realizaci se staráme o kompletní grafickou prezentaci firem. Máme vlastní výrobní zázemí, což nám umožňuje rychlé zpracování zakázek. Díky naší situaci v centru města jsme vždy blízko k vám.</p>
|
||||||
|
|
||||||
|
<h2>Široká škála služeb</h2>
|
||||||
|
<p>Nabízíme komplexní grafické zpracování a tisk firemních materiálů. Od vizitek a pozvánek, přes hlavičkové papíry až po speciální formuláře, reklamní letáky, propagační materiály a katalogy. Specializujeme se také na Signmaking, což zahrnuje výrobu reklamy od samolepek přes světelnou reklamu až po bigboardy.</p>
|
||||||
|
|
||||||
|
<h2>Naše přednosti</h2>
|
||||||
|
<p>Jsme hrdí na mnoho úspěšných projektů, které pomohly našim klientům k jednotné identitě firmy a zviditelnění na trhu. Naším hlavním cílem je udržet konkurenceschopné ceny a zůstat kvalitním a cenově dostupným partnerem pro naše klienty.</p>
|
||||||
|
|
||||||
|
<p>S námi máte jistotu, že vaše reklamní potřeby budou v dobrých rukou.</p>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="about-us-small">
|
||||||
|
<header>
|
||||||
|
<h1>O nás</h1>
|
||||||
|
<hr>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<p>V oblasti reklamy jsme doma od roku 1994.</p>
|
||||||
|
|
||||||
|
<h2>Naše specializace</h2>
|
||||||
|
<p>Od návrhu až po realizaci se staráme o kompletní grafickou prezentaci firem. Máme vlastní výrobní zázemí, což nám umožňuje rychlé zpracování zakázek. Díky naší situaci v centru města jsme vždy blízko k vám.</p>
|
||||||
|
|
||||||
|
<h2>Široká škála služeb</h2>
|
||||||
|
<p>Nabízíme komplexní grafické zpracování a tisk firemních materiálů. Od vizitek a pozvánek, přes hlavičkové papíry až po speciální formuláře, reklamní letáky, propagační materiály a katalogy. Specializujeme se také na Signmaking, což zahrnuje výrobu reklamy od samolepek přes světelnou reklamu až po bigboardy.</p>
|
||||||
|
|
||||||
|
<h2>Naše přednosti</h2>
|
||||||
|
<p>Jsme hrdí na mnoho úspěšných projektů, které pomohly našim klientům k jednotné identitě firmy a zviditelnění na trhu. Naším hlavním cílem je udržet konkurenceschopné ceny a zůstat kvalitním a cenově dostupným partnerem pro naše klienty.</p>
|
||||||
|
|
||||||
|
<p>S námi máte jistotu, že vaše reklamní potřeby budou v dobrých rukou.</p>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
17
tools/index/carousel.php
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<div class="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
<div class="carousel-item carousel-item-first"><h1></h1></div>
|
||||||
|
<div class="carousel-item carousel-item-second"><h1></h1></div>
|
||||||
|
<div class="carousel-item carousel-item-third"><h1></h1></div>
|
||||||
|
<div class="carousel-item carousel-item-fourth"><h1></h1></div>
|
||||||
|
<div class="carousel-item carousel-item-fifth"><h1></h1></div>
|
||||||
|
<div class="carousel-item carousel-item-sixth"><h1></h1></div>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-controls">
|
||||||
|
<span class="prev"></span>
|
||||||
|
<span class="next"></span>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-indicators"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="js/index/carousel.js"></script>
|
||||||
28
tools/index/products.php
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<article class="products" >
|
||||||
|
<div class="products-container">
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Grafický design</a>
|
||||||
|
</section>
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Světelná reklama</a>
|
||||||
|
</section>
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Polepy vozidel</a>
|
||||||
|
</section>
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Tisk servis</a>
|
||||||
|
</section>
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Potisk textilu</a>
|
||||||
|
</section>
|
||||||
|
<section class="products-item">
|
||||||
|
<img class="products-img" src="/img/other/one-to-one.png" alt="">
|
||||||
|
<a href="">Web design</a>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
19
tools/instagram-posts.php
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<!-- Place <div> tag where you want the feed to appear -->
|
||||||
|
<div id="curator-feed-default-feed-layout"><a href="https://curator.io" class="crt-logo crt-tag">Powered by Curator.io</a></div>
|
||||||
|
|
||||||
|
<!-- The Javascript can be moved to the end of the html page before the </body> tag -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
/* curator-feed-default-feed-layout */
|
||||||
|
(
|
||||||
|
function() {
|
||||||
|
var i, e, d = document,
|
||||||
|
s = "script";
|
||||||
|
i = d.createElement("script");
|
||||||
|
i.async = 1;
|
||||||
|
i.charset = "UTF-8";
|
||||||
|
i.src = "https://cdn.curator.io/published/36d1b1bd-2ad0-489e-a312-85cb8716f500.js";
|
||||||
|
e = d.getElementsByTagName(s)[0];
|
||||||
|
e.parentNode.insertBefore(i, e);
|
||||||
|
}
|
||||||
|
)();
|
||||||
|
</script>
|
||||||
1
tools/map.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<iframe class="iframe-map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2573.3023080471007!2d18.285104399999998!3d49.836777!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4713e33afa160953%3A0x2c041fd2bad0684c!2sDAVO%20reklama%20s.r.o.!5e0!3m2!1scs!2scz!4v1709312447420!5m2!1scs!2scz" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
51
tools/nav.php
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<nav class="mobile-nav">
|
||||||
|
<div class="nav-logo">
|
||||||
|
<a href="/"><img src="/img/other/DAVO_logo_2025_Final.png" alt="logo"></a>
|
||||||
|
<button id="nav-buton-js" type="button">≡<!--≡--></button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="nav-links">
|
||||||
|
<a class="nav-items" href="/about-us.php">O nás</a>
|
||||||
|
<div class="dropdown" >
|
||||||
|
<div id="drop-act" class="nav-items">Naše služby</div>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a class="nav-items" href="/graphic-design.php">Grafický design</a>
|
||||||
|
<a class="nav-items" href="/light-ad.php">Světelná reklama</a>
|
||||||
|
<a class="nav-items" href="/car-wrap.php">Polepy vozidel</a>
|
||||||
|
<a class="nav-items" href="/print-service.php">Tisk servis</a>
|
||||||
|
<a class="nav-items" href="/web-design.php">Web design</a>
|
||||||
|
<a class="nav-items" href="/textile-print.php">Postisk textilu</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="nav-items" href="/reference.php">Reference</a>
|
||||||
|
<a class="nav-items" href="/service.php">Servis</a>
|
||||||
|
<a class="nav-items" href="https://www.instagram.com/davo1.cz/"><i class="fa-brands fa-instagram" aria-hidden="true"></i></a>
|
||||||
|
<a class="nav-items" href="https://wa.me/420603234488"><i class="fa-brands fa-whatsapp"></i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<nav class="desktop-nav">
|
||||||
|
<div class="nav-logo">
|
||||||
|
<a href="/"><img src="/img/other/DAVO_logo_2025_Final.png" alt="logo"></a>
|
||||||
|
</div>
|
||||||
|
<div class="desktop-nav-second-section">
|
||||||
|
<a class="nav-items" href="/about-us.php">O nás</a>
|
||||||
|
<div class="dropdown" >
|
||||||
|
<div id="drop-act" class="nav-items">Naše služby</div>
|
||||||
|
<div class="dropdown-content">
|
||||||
|
<a class="nav-items" href="/graphic-design.php">Grafický design</a>
|
||||||
|
<a class="nav-items" href="/light-ad.php">Světelná reklama</a>
|
||||||
|
<a class="nav-items" href="/car-wrap.php">Polepy vozidel</a>
|
||||||
|
<a class="nav-items" href="/print-service.php">Tisk servis</a>
|
||||||
|
<a class="nav-items" href="/web-design.php">Web design</a>
|
||||||
|
<a class="nav-items" href="/textile-print.php">Postisk textilu</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="nav-items" href="/reference.php">Reference</a>
|
||||||
|
<a class="nav-items" href="/service.php">Servis</a>
|
||||||
|
<a class="nav-items" href="https://www.instagram.com/davo1.cz/"><i class="fa-brands fa-instagram" aria-hidden="true"></i></a>
|
||||||
|
<a class="nav-items" href="https://wa.me/420603234488"><i class="fa-brands fa-whatsapp"></i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<script src="/js/nav-mobile.js"></script>
|
||||||
1
utilities/404.php
Normal file
@@ -0,0 +1 @@
|
|||||||
|
404!!!
|
||||||
15
utilities/head.php
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/reset.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/body.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/tools/nav.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/tools/footer.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="/css/index/contact.css">
|
||||||
|
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;1,200&display=swap" rel="stylesheet">
|
||||||
|
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||||
|
|
||||||
|
<script src="https://kit.fontawesome.com/e5347c4a92.js" crossorigin="anonymous"></script>
|
||||||
58
web-design.php
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="cz">
|
||||||
|
<head>
|
||||||
|
<title>Davo Reklama</title>
|
||||||
|
<?php
|
||||||
|
// Include common head content
|
||||||
|
include "utilities/head.php";
|
||||||
|
|
||||||
|
// Get the requested URL path
|
||||||
|
$requestPath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
|
||||||
|
|
||||||
|
$index_css = ['css/index/index.css', 'css/index/about_us.css', 'css/index/carousel.css', 'css/index/contact.css', 'css/index/products.css', 'css/index/instagram.css','css/articles/other/reference.css' , 'css/tools/email-me.css'];
|
||||||
|
|
||||||
|
// Define routes
|
||||||
|
$routes = [
|
||||||
|
'' => ['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']],
|
||||||
|
'/service' => ['template' => 'articles/service.php', 'css' => ['/css/articles/service.css', '/css/articles/article-base.css']],
|
||||||
|
'/car-wrap' => ['template' => 'articles/car-wrap.php', 'css' => ['/css/articles/car-wrap.css', '/css/articles/article-base.css']],
|
||||||
|
'/graphic-design' => ['template' => 'articles/graphic-design.php', 'css' => ['/css/articles/graphic-design.css', '/css/articles/article-base.css']],
|
||||||
|
'/light-ad' => ['template' => 'articles/light-advertisment.php', 'css' => ['/css/articles/light-ad.css', '/css/articles/article-base.css']],
|
||||||
|
'/print-service' => ['template' => 'articles/print-service.php', 'css' => ['/css/articles/print-service.css', '/css/articles/article-base.css']],
|
||||||
|
'/textile-print' => ['template' => 'articlestextile-print.php', 'css' => ['/css/articles/textile-print.css', '/css/articles/article-base.css']],
|
||||||
|
'/web-design.php' => ['template' => 'articles/web-design.php', 'css' => ['/css/articles/web-design.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 '<link rel="stylesheet" type="text/css" href="' . $singleCssFile . '">';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// If $cssFile is a single CSS file, include it directly
|
||||||
|
echo '<link rel="stylesheet" type="text/css" href="' . $cssFile . '">';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php include "tools/nav.php"; ?>
|
||||||
|
<main>
|
||||||
|
<?php include "articles/web-design.php";?>
|
||||||
|
</main>
|
||||||
|
<?php include "tools/contact.php";?>
|
||||||
|
<?php include "tools/map.php"; ?>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||