first
This commit is contained in:
parent
70fa64502d
commit
cb994d8a5b
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 105 KiB |
BIN
assets/favicon.png
Normal file
BIN
assets/favicon.png
Normal file
Binary file not shown.
0
assets/script.js
Normal file
0
assets/script.js
Normal file
110
assets/style.css
Normal file
110
assets/style.css
Normal file
@ -0,0 +1,110 @@
|
||||
body, html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Arial, sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
align-items: center;
|
||||
background-color: #b9b9b9;
|
||||
}
|
||||
|
||||
header #top {
|
||||
background-image: url(/assets/bambus.jpg);
|
||||
color: #fff;
|
||||
text-shadow: #363636 5px 4px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
background-color: #444444b7;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header nav > * {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
color: #dfd07a;
|
||||
text-decoration: none;
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: rgb(189, 189, 42);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dropdown-content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #585a59;
|
||||
min-width: 100px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-content a {
|
||||
color: #fff;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dropdown-content a:hover {
|
||||
background-color: #363636;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #333333c7;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
footer, header {
|
||||
text-align: center;
|
||||
padding: 10px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
footer > * {
|
||||
display: inline;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-align: center;
|
||||
}
|
||||
37
index.php
Normal file
37
index.php
Normal file
@ -0,0 +1,37 @@
|
||||
<?php
|
||||
$skeleton = file_get_contents('templates/skeleton.html');
|
||||
|
||||
$menu_obsah = file_get_contents('templates/header.html');
|
||||
$out = str_replace('__TEMPLATE_HEADER__', $menu_obsah, $skeleton);
|
||||
|
||||
$footer_obsah = file_get_contents('templates/footer.html');
|
||||
$out = str_replace('__TEMPLATE_FOOTER__', $footer_obsah, $out);
|
||||
|
||||
$nazov_stranky = basename($_SERVER['QUERY_STRING']);
|
||||
if (empty($nazov_stranky)){
|
||||
$nazov_stranky = 'index';
|
||||
}
|
||||
|
||||
$cesta_k_stranke = "stranky/$nazov_stranky.html";
|
||||
if (!file_exists($cesta_k_stranke)) {
|
||||
$cesta_k_stranke = "templates/404.html";
|
||||
}
|
||||
$stranka_obsah = file_get_contents($cesta_k_stranke);
|
||||
$out = str_replace('__TEMPLATE_STRANKA__', $stranka_obsah, $out);
|
||||
|
||||
$cesta_k_skriptu = "scripty/$nazov_stranky.js";
|
||||
$script_obsah = "<script src=\"$cesta_k_skriptu\"></script>";
|
||||
if (!file_exists($cesta_k_skriptu)){
|
||||
$script_obsah = '';
|
||||
}
|
||||
$out = str_replace('__TEMPLATE_SCRIPT__', $script_obsah, $out);
|
||||
|
||||
$cesta_k_stylu = "styly/$nazov_stranky.css";
|
||||
$style_obsah = "<link rel=\"stylesheet\" href=\"$cesta_k_stylu\">";
|
||||
if (!file_exists($cesta_k_stylu)){
|
||||
$style_obsah = '';
|
||||
}
|
||||
$out = str_replace('__TEMPLATE_STYLE__', $style_obsah, $out);
|
||||
|
||||
echo $out;
|
||||
?>
|
||||
1
old/bambus.jpg
Normal file
1
old/bambus.jpg
Normal file
@ -0,0 +1 @@
|
||||
$R<18>0<EFBFBD><30><EFBFBD>h<EFBFBD>v<EFBFBD><76>>-<2D><>h<EFBFBD>$<24>Z)ݣ 6<>]4<>}6ӎ<36><D38E>M<EFBFBD><4D>Mt<4D>m5<6D>N<EFBFBD><4E>m8<6D>N<EFBFBD><4E>1<EFBFBD>$R#<23><>
<0A>j<EFBFBD>Qoz<6F><7A>Pj<><6A><EFBFBD><EFBFBD><EFBFBD>o<>PM<50><4D><EFBFBD>ג<EFBFBD>J<EFBFBD><4A>f<EFBFBD><66>ԯ<EFBFBD><D4AF><EFBFBD>4 <1F>1K<31><08><><EFBFBD>aDC6O<36><4F><EFBFBD>m;<3B><>~-<2D>'N<>
|
||||
@ -2,7 +2,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="keywords" content="Bambusove ponozky, ponozky, bambusove ponozky za dobru cenu" viewport="">
|
||||
<title>Bambusové ponožky</title>
|
||||
|
||||
<link rel="icon" type="image/x-icon" href="ponozka.png">
|
||||
|
||||
<style>
|
||||
body {
|
||||
@ -170,7 +170,7 @@
|
||||
<h2>Lacnejšie</h2>
|
||||
<p>Tu môžete nájsť Lacnejšie ponožky:</p>
|
||||
<ul>
|
||||
<li><a href url="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
|
||||
<li><a href="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@ -186,7 +186,7 @@
|
||||
<h2>Najdrahšie</h2>
|
||||
<p>Tu môžete nájsť Najdrahšie ponožky:</p>
|
||||
<ul>
|
||||
<li><a href url="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
|
||||
<li><a href="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
@ -198,7 +198,7 @@
|
||||
</ul>
|
||||
</section>
|
||||
<footer>
|
||||
© 2024 Moje bambusove ponožky. Všetok copyright je môj :P .
|
||||
© 2024 Moje bambusove ponožky. Copyright rezervovaný.
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
@ -252,20 +252,20 @@
|
||||
|
||||
<div class="wrapper">
|
||||
<form action="">
|
||||
<h1>Login</h1>
|
||||
<h1>Prihlásenie do účtu</h1>
|
||||
<div class="input-box">
|
||||
<input type="text" placeholder="Username">
|
||||
<input type="text" placeholder="Používateľské meno">
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<input type="password"
|
||||
placeholder="Password" required>
|
||||
placeholder="Heslo" required>
|
||||
</div>
|
||||
<div class="remember-forgot">
|
||||
<label><input type="checkbox">Remember me </label>
|
||||
<a href="#">Forgot password? </a>
|
||||
<button type="submit" class="btn">Login</button>
|
||||
<label><input type="checkbox">Zapamätať si ma </label>
|
||||
<a href="#">Zabudli ste heslo? </a>
|
||||
<button type="submit" class="btn">Prihlásiť sa</button>
|
||||
<div class="register-link">
|
||||
<p>Dont have an account? <a href="#">Register</a></p>
|
||||
<p>Nemáte účet? <a href="#">Zaregistrovať sa</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
1
old/ponozka.png
Normal file
1
old/ponozka.png
Normal file
@ -0,0 +1 @@
|
||||
<1F><>aH<61><15>N:<3A><>
|
||||
6
stranky/drahe.html
Normal file
6
stranky/drahe.html
Normal file
@ -0,0 +1,6 @@
|
||||
<h2>Najdrahšie</h2>
|
||||
<p>Tu môžete nájsť Najdrahšie ponožky:</p>
|
||||
<ul>
|
||||
<a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
|
||||
<li><a href="https://www.trenirkaren.sk/panske-ponozky/162497-10pack-ponozky-styx-clenkove-bambusove-cierne-10hbk960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgFD14oeQOxriGY8n4Gd-7CbWGguXAlA81t3KvUPqpVvP25RXSlahQxoC9dsQAvD_BwE#/21-velkost-l">Najdrahšie ponožky</a></li>
|
||||
</ul>
|
||||
49
stranky/formular.html
Normal file
49
stranky/formular.html
Normal file
@ -0,0 +1,49 @@
|
||||
<form method="get">
|
||||
<br>
|
||||
<label for="email">Tu si môžete zadať email:</label><br>
|
||||
<br>
|
||||
<input type="email" id="email" name="email">
|
||||
<input type="submit" value="Odoslať">
|
||||
<hr>
|
||||
</form>
|
||||
|
||||
<form action="/action_page.php" method="get" name="prihlasenie">
|
||||
<!-- method moze naberat dve hodnoty post alebo algebricky, default je get-->
|
||||
<br>
|
||||
<label>Tu si zadajte meno a priezvisko</label>
|
||||
<br>
|
||||
<br>
|
||||
<label for="name">Meno</label><br>
|
||||
<input type="text" id="name" name="fname" value="Fero"><br>
|
||||
<br>
|
||||
<label for="name1">Priezvisko</label><br>
|
||||
<input type="text" id="name1" name="1name" value="Mrkvicka"><br><br>
|
||||
<input type="submit" value="Odoslať">
|
||||
<hr>
|
||||
|
||||
<br>
|
||||
<label for="gender">Pohlavie</label><br><br>
|
||||
<input type="radio" id="idmale" name="gender" value="male">
|
||||
<label for="idmale">Muž</label><br>
|
||||
<input type="radio" id="idfemale" name="gender" value="female">
|
||||
<label for="idfemale">Žena</label><br>
|
||||
<input type="radio" id="idother" name="gender" value="other">
|
||||
<label for="idother">Iné</label><br><br>
|
||||
<input type="submit" value="Odoslať">
|
||||
<hr>
|
||||
|
||||
|
||||
|
||||
<laber for="roknarodenia">Rok narodenia</laber>
|
||||
<br><br>
|
||||
<input type="date" id="datemin" name="datemin" min="1000-01-01"><br><br>
|
||||
<input type="submit" value="Odoslať">
|
||||
<hr>
|
||||
</form> <br>
|
||||
<form>
|
||||
<label for="favcolor">Select your favorite color:</label><br>
|
||||
<br>
|
||||
<input type="color" id="favcolor" name="favcolor">
|
||||
<br><br>
|
||||
<input type="submit" value="Odoslať">
|
||||
</form>
|
||||
2
stranky/index.html
Normal file
2
stranky/index.html
Normal file
@ -0,0 +1,2 @@
|
||||
<h2>O nás</h2>
|
||||
<p>Vitajte na našej stránke s najlepšími bambusovými ponožkami.</p>
|
||||
5
stranky/kontakt.html
Normal file
5
stranky/kontakt.html
Normal file
@ -0,0 +1,5 @@
|
||||
<h2>Kontakty</h2>
|
||||
<p>Tu nás môžete kontaktovať:</p>
|
||||
Email: BambusPonozky@gmail.com <br>
|
||||
Ig: BambusovePonozky.majstrovke<br>
|
||||
TT: Majster_a_ponozky
|
||||
6
stranky/lacne.html
Normal file
6
stranky/lacne.html
Normal file
@ -0,0 +1,6 @@
|
||||
<h2>Lacnejšie</h2>
|
||||
<p>Tu môžete nájsť Lacnejšie ponožky:</p>
|
||||
<ul>
|
||||
<a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
|
||||
<li><a href="https://ecobamboo.sk/sk-SK/product/82003P-W/Bambusove-klasicke-ponozky-damske">Lacnejšie ponožky</a></li>
|
||||
</ul>
|
||||
6
stranky/specialne.html
Normal file
6
stranky/specialne.html
Normal file
@ -0,0 +1,6 @@
|
||||
<h2>Špeciality</h2>
|
||||
<p>Tu môžete nájsť Špeciality:</p>
|
||||
<ul>
|
||||
<a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
|
||||
<li><a href="https://example.com/Special-bamboo-socks-1">Špeciality</a></li>
|
||||
</ul>
|
||||
6
stranky/stredne.html
Normal file
6
stranky/stredne.html
Normal file
@ -0,0 +1,6 @@
|
||||
<h2>Drahšie</h2>
|
||||
<p>Tu môžete nájsť Drahšie ponožky:</p>
|
||||
<ul>
|
||||
<a href="LINK NA OBRAZOK" download><img src="LINK NA OBRAZOK"></a>
|
||||
<li> <a href="https://www.trenirkaren.sk/panske-ponozky/163729-10pack-ponozky-styx-nizke-bambusove-cierne-10hbn960.html?gad_source=1&gclid=CjwKCAjwmYCzBhA6EiwAxFwfgExqTdhD8HGqHI4OafdxnkXdGbxlYoJLlT5uy__0LdTcjw8IjrTvrBoC7fgQAvD_BwE#/22-velkost-m">Drahšie ponožky</a></li>
|
||||
</ul>
|
||||
1
templates/404.html
Normal file
1
templates/404.html
Normal file
@ -0,0 +1 @@
|
||||
<h1>zlý request</h1>
|
||||
1
templates/footer.html
Normal file
1
templates/footer.html
Normal file
@ -0,0 +1 @@
|
||||
<p>© 2024 Moje bambusove ponožky. Copyright rezervovaný.</p>
|
||||
18
templates/header.html
Normal file
18
templates/header.html
Normal file
@ -0,0 +1,18 @@
|
||||
<div id="top">
|
||||
<h1>Bambusové ponožky od majstra</h1>
|
||||
</div>
|
||||
<nav>
|
||||
<a href="/index" id="homeLink">Domov</a>
|
||||
<div class="dropdown">
|
||||
<a href="#" class="dropdown">Podľa ceny</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="/lacne" id="lacnejsieLink">Lacnejšie</a>
|
||||
<a href="/stredne" id="drahsieLink">Drahšie</a>
|
||||
<a href="/drahe" id="najdrahsieLink">Najdrahšie</a>
|
||||
<a href="/specialne" id="specialityLink">Špeciality</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="/kontakt" class="socklink" data-idcko="contactLinkCont" id="contactLink">Kontakty</a>
|
||||
<a href="/formular" class="socklink" data-idcko="formularLinkCont" id="formularLink">Formular</a>
|
||||
|
||||
</nav>
|
||||
30
templates/skeleton.html
Normal file
30
templates/skeleton.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sk">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="keywords" content="Bambusove ponozky, ponozky, bambusove ponozky za dobru cenu" viewport="">
|
||||
<meta name="description" content="Bambusové ponožky od majstra">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="stylesheet" href="/assets/style.css" />
|
||||
<link rel="icon" href="/assets/favicon.png" type="image/png">
|
||||
<script src="/assets/script.js"></script>
|
||||
<title>Bambusové ponožky</title>
|
||||
__TEMPLATE_SCRIPT__
|
||||
__TEMPLATE_STYLE__
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
__TEMPLATE_HEADER__
|
||||
</header>
|
||||
<main>
|
||||
__TEMPLATE_STRANKA__
|
||||
</main>
|
||||
<footer>
|
||||
__TEMPLATE_FOOTER__
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user