aktualizace index.html styles.css

This commit is contained in:
Archos 2023-12-16 19:10:36 +01:00
commit ab13bed5c4
2 changed files with 91 additions and 0 deletions

43
index.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oscloud - Open Source Aplikace</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Oscloud</h1>
<nav>
<!-- Navigační odkazy -->
</nav>
</header>
<main>
<section class="app-cards">
<div class="card">
<img src="path_to_logo/immich_logo.png" alt="Immich">
<a href="link_to_immich" class="btn">Více o Immich</a>
</div>
<div class="card">
<img src="path_to_logo/nextcloud_logo.png" alt="Nextcloud">
<a href="link_to_nextcloud" class="btn">Více o Nextcloud</a>
</div>
<div class="card">
<img src="path_to_logo/element_matrix_logo.png" alt="Element Matrix">
<a href="link_to_element_matrix" class="btn">Více o Element Matrix</a>
</div>
<!-- Další karty aplikací -->
</section>
</main>
<aside>
<!-- Postranní panel (pokud je potřeba) -->
</aside>
<footer>
<!-- Zápatí stránky -->
</footer>
</body>
</html>

48
styles.css Normal file
View File

@ -0,0 +1,48 @@
body {
font-family: Arial, sans-serif;
}
header {
background-color: #f4f4f4;
padding: 10px 0;
text-align: center;
}
nav {
/* Styly pro navigaci */
}
.app-cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
}
.card {
margin: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
text-align: center;
padding: 20px;
}
.card img {
max-width: 100px;
height: auto;
}
.btn {
display: inline-block;
margin-top: 10px;
padding: 10px 20px;
background-color: #007bff;
color: white;
text-decoration: none;
border-radius: 5px;
}
footer {
background-color: #f4f4f4;
text-align: center;
padding: 20px 0;
}