index.html

This commit is contained in:
Lukáš Kaňka 2023-12-13 23:43:05 +01:00
parent 2e31fd0d39
commit f92de692b7
3 changed files with 98 additions and 0 deletions

57
index.html Normal file
View File

@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Testing Docs</title>
</head>
<body>
<h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2>
<hr>
<div class="menu">
<ul>
<li class="menu-item">Home</li>
<li class="menu-item">Podpora</li>
<li class="menu-item">Mapa webu</li>
<li class="menu-item">Zásady o ochraně osobních dat</li>
</ul>
</div>
<hr>
<div class="flexbox">
<div class="navigation">
<ul>
<li>Automatizované testování</li>
<li>Nástroje penetrační testování</li>
<li>Testing obečně</li>
<li>Testování mobilních aplikací</li>
<li>Testování přístupnosti</li>
<li>Zátěžové testování</li>
</ul>
</div>
<section class="content">
<p class="big-text">Testing Docs CZ</p>
<p> Vítám tě na této stránce, která slouží jako dokumentace pro softwarovétestery.
</p>
<p>Docs je stále ve vývoji a pracuje se na ní pouze ve volném čase a v jednéosobě (tak děkuji za pochopení a
případné chyby či nedostatky).</p>
<p>Pokud naleznete v Docs nejastnosti, chyby a nebo naopak vám něco chybí čiby jste se chtěli aktivně
jakkoliv
podílet na tomto projektu budu rád když mě budete zde
kontaktovat
nebo na lukas.kanka(zavináč)outlook.cz.</p>
<p> Pro lepší orientaci doporučuji použít
Mapu testing docs
a také využívat štítků.</p>
</section>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>

0
sablona.html Normal file
View File

41
style.css Normal file
View File

@ -0,0 +1,41 @@
body {
background-color: black;
color: white;
}
.menu-item {
display: inline-block;
width: 200px;
height: 20px;
position: static;
text-align: center;
}
.flexbox {
display: flex;
}
.navigation {
flex: 1;
}
.content {
flex: 3;
}
footer {
position: fixed;
bottom: 0;
}
.big-text {
font-size: 40px;
}
h1 {
font-family: cursive;
}
h2 {
font-family: cursive;
}