Home
/
Login
/
mobile sticky menu chatgpt html
Duplicate Snippet
Embed Snippet on Your Site
mobile sticky menu chatgpt html
html | |
| <!DOCTYPE html>
|
| <html>
|
| <head>
|
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
| </head>
|
| <body>
|
| <div class="mobile-bottom-menu-wrapper">
|
| <div class="mobile-bottom-menu-container">
|
| <div class="mobile-bottom-menu-column">
|
| <a href="/" class="mobile-bottom-menu-link" id="column1">
|
| <i class="fa-solid fa-house mobile-bottom-menu-icon"></i>
|
| <span class="icon-text">Home</span>
|
| </a>
|
| </div>
|
| <div class="mobile-bottom-menu-column">
|
| <a href="/shop" class="mobile-bottom-menu-link" id="column2"><i class="fa-solid fa-store mobile-bottom-menu-icon"></i>
|
| <span class="icon-text">Shop</span>
|
| </a>
|
| </div>
|
| <div class="mobile-bottom-menu-column">
|
| <a href="/cart" class="mobile-bottom-menu-link" id="column3"><i class="fa-solid fa-cart-shopping mobile-bottom-menu-icon"></i>
|
| <span class="icon-text">Cart</span>
|
| </a>
|
| </div>
|
| <div class="mobile-bottom-menu-column">
|
| <a href="/my-account" class="mobile-bottom-menu-link" id="column4"><i class="fa-solid fa-user mobile-bottom-menu-icon"></i>
|
| <span class="icon-text">Account</span>
|
| </a>
|
| </div>
|
| </div>
|
| </div>
|
| </body>
|
| </html>
|
|
|
| |
| |
Comments