feat: create the product category structure

autruonggiang · Feb 7, 2024 · 7407f15 · 7407f15
1 parent c463adc
commit 7407f15
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/assets/css/base.css b/assets/css/base.css
@@ -27,6 +27,7 @@ html {
     font-size: 1.6rem;
 } */
 
+/* Responsive */
 .grid {
     width: 1200px;
     max-width: 100%;

diff --git a/index.html b/index.html
@@ -307,7 +307,23 @@ <h5 class="header__cart-item-name">
         </header>
 
         <div class="container">
-
+            <nav class="category">
+                <h3 class="category__heading">
+                    <i class="fa-solid fa-list"></i>
+                    Danh mục
+                </h3>
+                <ul class="category-list">
+                    <li class="category-item category-item--active">
+                        <a href="#" class="category-item-link">Kamen Rider Build</a>
+                    </li>
+                    <li class="category-item category-item--active">
+                        <a href="#" class="category-item-link">Ohsama Sentai King-Ohger</a>
+                    </li>
+                    <li class="category-item category-item--active">
+                        <a href="#" class="category-item-link">Kamen Rider Gotchard</a>
+                    </li>
+                </ul>
+            </nav>
         </div>
 
         <footer class="footer">