search-results.php + css

2026-05-28 21:55:55 +02:00
parent 3ddd66dcbb
commit 5dbe7a99b9
3 changed files with 159 additions and 0 deletions
@@ -0,0 +1,50 @@
+<!--
+    Seite: Suchergebnisse
+    Inhalt: Zeigt die Ergebnisse einer Suche an
+-->
+<div class="s-res-container">
+
+    <!-- Kopfzeile der Suche -->
+    <div class="s-res-header">
+        <h1 class="s-res-main-title">Suchergebnisse</h1>
+        <p class="s-res-meta">3 Treffer für Ihre Suchanfrage</p>
+    </div>
+
+    <!-- Ergebnisliste (nach Titel sortiert) -->
+    <div class="s-res-list">
+
+        <!-- Beitrag A -->
+        <div class="s-res-item">
+            <div class="s-res-content">
+                <h2 class="s-res-item-title">
+                    <a href="#" class="s-res-link">Anleitung zur Webentwicklung</a>
+                </h2>
+                <p class="s-res-author">Von: <span class="s-res-author-name">Max Mustermann</span></p>
+            </div>
+            <div class="s-res-arrow">&rarr;</div>
+        </div>
+
+        <!-- Beitrag B -->
+        <div class="s-res-item">
+            <div class="s-res-content">
+                <h2 class="s-res-item-title">
+                    <a href="#" class="s-res-link">CSS Flexbox verständlich erklärt</a>
+                </h2>
+                <p class="s-res-author">Von: <span class="s-res-author-name">Anna Schmidt</span></p>
+            </div>
+            <div class="s-res-arrow">&rarr;</div>
+        </div>
+
+        <!-- Beitrag C -->
+        <div class="s-res-item">
+            <div class="s-res-content">
+                <h2 class="s-res-item-title">
+                    <a href="#" class="s-res-link">HTML5-Grundlagen für Einsteiger</a>
+                </h2>
+                <p class="s-res-author">Von: <span class="s-res-author-name">Lisa Meier</span></p>
+            </div>
+            <div class="s-res-arrow">&rarr;</div>
+        </div>
+
+    </div>
+</div>