首页 > 分享 > 花店购物网站网页设计html静态页面html模板

花店购物网站网页设计html静态页面html模板

花匠小妙招
2024-11-03 09:56

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Kngu</title> <meta name="robots" content="noindex, follow" /> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">         <link rel="stylesheet" href="assets/css/helper.css">    <link rel="stylesheet" href="assets/css/plugins-min/plugins.min.css"> <link rel="stylesheet" href="assets/css/style.min.css"> </head> <body> <div class="main-wrapper">  <div class="top-notification-bar text-center"> <div class="container"> <div class="notification-entry"> <p>所有商品 50% off <a href="#">现在购物</a></p> </div> </div> <div class="notification-close"> <button class="notification-close-btn"><i class="fa fa-times"></i></button> </div> </div>   <div class="header-section d-none d-lg-block"> <div class="main-header"> <div class="container position-relative"> <div class="row align-items-center"> <div class="col-lg-2"> <div class="header-logo"> <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a> </div> </div> <div class="col-lg-7 position-static"> <div class="site-main-nav"> <nav class="site-nav"> <ul> <li><a href="index.html">主页</a></li> <li> <a href="#">商品 <span class="new">现在</span></a> <ul class="mega-sub-menu"> <li class="mega-dropdown"> <a class="mega-title" href="#">商品</a> <ul class="mega-item"> <li><a href="shop-grid-3.html">商品列表 3</a></li> <li><a href="shop-grid-4.html">商品列表 4</a></li> <li><a href="shop-list.html">商品列表</a></li> <li><a href="shop-grid-left-sidebar.html">商品列表左侧</a></li> <li><a href="shop-grid-right-sidebar.html">商品列表右侧</a></li> <li><a href="shop-list-left-sidebar.html">商品列表网格左侧</a></li> <li><a href="shop-list-right-sidebar.html">商品列表网格右侧</a></li> </ul> </li> <li class="mega-dropdown"> <a class="mega-title" href="#">商品单品</a> <ul class="mega-item"> <li><a href="shop-single.html">商品单品</a></li> <li><a href="shop-single-affiliate.html">商品单品介绍</a></li> <li><a href="shop-single-variable.html">商品单品展示</a></li> <li><a href="shop-single-group.html">商品单品组</a></li> </ul> </li> <li class="mega-dropdown"> <a class="mega-title" href="#">页</a> <ul class="mega-item"> <li><a href="cart.html">购物车</a></li> <li><a href="wishlist.html">收藏</a></li> <li><a href="compare.html">比较</a></li> <li><a href="checkout.html">清空</a></li> <li><a href="empty-cart.html">空购物车</a></li> <li><a href="my-account.html">我的账号</a></li> </ul> </li> <li class="mega-dropdown"> <a class="menu-banner" href="#"> <img src="assets/images/menu-banner.jpg" alt=""> </a> </li> </ul> </li> <li> <a href="#">博客</a> <ul class="sub-menu"> <li> <a href="#">博客</a> <ul class="sub-menu"> <li><a href="blog.html">博客</a></li> <li><a href="blog-left-sidebar.html">博客左侧</a></li> <li><a href="blog-right-sidebar.html">博客右侧</a></li> </ul> </li> <li> <a href="#">博客单个</a> <ul class="sub-menu"> <li><a href="blog-single-left-sidebar.html">博客左侧</a></li> <li><a href="blog-single-right-sidebar.html">博客右侧</a></li> </ul> </li> </ul> </li> <li> <a href="#">页 <s