kategorie clanky

assets/fullStyle.css

@@ -150,3 +150,68 @@ p {
     background-color: transparent;
     border: 1px solid #734f96;
 }
+.about-section {
+    margin: 45px 0;
+}
+
+.about-section-wrapper {
+    width: 65%;
+    margin: 0 auto;
+    display: flex;
+    gap: 20px;
+}
+
+.about-text {
+    flex: 1;
+}
+
+.about-img {
+    flex: 1;
+}
+
+img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+@media (max-width: 768px) {
+    .about-section-wrapper {
+        flex-direction: column;
+        width: 90%;
+        margin: 0 auto;
+    }
+
+    .about-text {
+        text-align: left;
+    }
+
+    .about-img {
+        text-align: center;
+    }
+
+    .about-text-p {
+        padding-top: 15px;
+    }
+}
+
+footer {
+    text-align: center;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+/* Go to go */
+#scrollToTopBtn {
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    /*butoon přes obsah*/
+    z-index: 99;
+    outline: none;
+    cursor: pointer;
+    padding: 15px;
+    border-radius: 50%;
+    background-color: transparent;
+}

assets/header.php

@@ -1,5 +1,4 @@
-
-		<header>
+<header>
 		<!-- EOS - logo () -->
     <div class="logo">
         <a href="index.php">
@@ -23,7 +22,7 @@
 					</li>
 					
 					<li>
-						<a href="/clanky/index.php"
+						<a href="clanky.php"
 							>Články</a
 						>
 					</li>
@@ -65,4 +64,4 @@
 				<!-- Ikona cross -->
 				<!-- <i class="fa-solid fa-xmark"></i> -->
 			</div>
-		</header>
+</header>