85 lines
3.0 KiB
PHP
85 lines
3.0 KiB
PHP
<?php
|
|
/**
|
|
* @file catbar.php
|
|
* @brief Category Navigation Bar / Kategorie-Navigationsleiste
|
|
*
|
|
* This file contains the HTML structure for the main category navigation bar
|
|
* used in the application. It provides links to filter products by their
|
|
* respective categories.
|
|
*
|
|
* @details
|
|
* Diese Datei enthält die HTML-Struktur für die Hauptkategorie-Navigationsleiste,
|
|
* die in der Anwendung verwendet wird. Sie stellt Links zur Verfügung, um Produkte
|
|
* nach ihren jeweiligen Kategorien (z.B. iPhone, iPad, MacBook) zu filtern.
|
|
* Jeder Link verweist auf index.php und übergibt die gewählte Kategorie als GET-Parameter.
|
|
*/
|
|
?>
|
|
|
|
<!--
|
|
@brief Main navigation container for the home page.
|
|
@details Nutzt das HTML5 <nav> Tag für semantisch korrekte Navigation und enthält ein aria-label zur Barrierefreiheit.
|
|
-->
|
|
<nav class="home-nav" aria-label="Homenavigation">
|
|
<!--
|
|
@brief Inner container to restrict width and center content
|
|
@details Beschränkt die Breite des Inhalts und zentriert diesen.
|
|
-->
|
|
<div class="home-nav__inner container">
|
|
<!--
|
|
@brief Unordered list representing the navigation items
|
|
@details Ungeordnete Liste, die die einzelnen Kategorielinks enthält.
|
|
-->
|
|
<ul class="home-nav__list">
|
|
|
|
<!--
|
|
@brief Category link for 'iPhone'
|
|
@details Führt zur Startseite mit dem Filter category=iphone
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=iphone'>iPhone</a>
|
|
</li>
|
|
|
|
<!--
|
|
@brief Category link for 'iPad'
|
|
@details Führt zur Startseite mit dem Filter category=ipad
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=ipad'>iPad</a>
|
|
</li>
|
|
|
|
<!--
|
|
@brief Category link for 'MacBook'
|
|
@details Führt zur Startseite mit dem Filter category=macbook
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=macbook'>MacBook</a>
|
|
</li>
|
|
|
|
<!--
|
|
@brief Category link for 'AirPods'
|
|
@details Führt zur Startseite mit dem Filter category=airpods
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=airpods'>AirPods</a>
|
|
</li>
|
|
|
|
<!--
|
|
@brief Category link for 'Watch'
|
|
@details Führt zur Startseite mit dem Filter category=watch
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=watch'>Watch</a>
|
|
</li>
|
|
|
|
<!--
|
|
@brief Category link for 'Accessories' (Zubehör)
|
|
@details Führt zur Startseite mit dem Filter category=accessories
|
|
-->
|
|
<li class="home-nav__item">
|
|
<a href='index.php?category=accessories'>Accessories</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|