首页分享 HTML5鲜花店主题在线网站模板.zip资源

HTML5鲜花店主题在线网站模板.zip资源

来源：花匠小妙招时间：2024-11-15 22:05

<!DOCTYPE html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="meta description"> <title>鲜花商城网站</title>  <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />  <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900%7CYesteryear" rel="stylesheet">  <link href="assets/css/vendor.css" rel="stylesheet">  <link href="assets/css/style.css" rel="stylesheet">  </head> <body>  <header class="header-area">  <div class="main-header d-none d-lg-block">  <div class="header-main-area sticky"> <div class="container"> <div class="row align-items-center position-relative">  <div class="col-lg-3"> <div class="logo"> <a href="index.html"> <img src="assets/img/logo/logo.png" alt=""> </a> </div> </div>   <div class="col-lg-6 position-static"> <div class="main-menu-area"> <div class="main-menu">  <nav class="desktop-menu"> <ul> <li><a href="index.html">网站首页</a></li> <li><a href="shop.html">在线商城</a></li> <li><a href="product-details.html">商品详情</a></li> </ul> </nav>  </div> </div> </div>   <div class="col-lg-3"> <div class="header-configure-wrapper"> <div class="header-configure-area"> <ul class="nav justify-content-end"> <li> <a href="#" class="offcanvas-btn"> <i class="lnr lnr-magnifier"></i> </a> </li> <li class="user-hover"> <a href="#"> <i class="lnr lnr-user"></i> </a> <ul class="dropdown-list"> <li><a href="#">网站登录</a></li> <li><a href="#">网站注册</a></li> <li><a href="#">我的收藏</a></li> </ul> </li> <li> <a href="#"> <i class="lnr lnr-heart"></i> <div class="notification">0</div> </a> </li> <li> <a href="#" class="minicart-btn"> <i class="lnr lnr-cart"></i> <div class="notification">2</div> </a> </li> </ul> </div> </div> </div>  </div> </div> </div>  </div>  </header>   <aside class="off-canvas-wrapper"> <div class="off-canvas-overlay"></div> <div class="off-canvas-inner-content"> <div class="btn-close-off-canvas"> <i class="lnr lnr-cross"></i> </div> <div class="off-canvas-inner">  <div class="search-box-offcanvas"> <form> <input type="text" placeholder="请输入搜索标题.."> <button class="search-btn"><i class="lnr lnr-magnifier"></i></button> </form> </div>  </div> </div> </aside>   <main>  <div class="breadcrumb-area common-bg"> <div class="container"> <div class="row"> <div class="col-12"> <div class="breadcrumb-wrap"> <nav aria-label="breadcrumb"> <h1>在线商城</h1> <ul class="breadcrumb"> <li class="breadcrumb-item"><a href="index.html"><i class="fa fa-home"></i></a></li> <li class="breadcrumb-item active" aria-current="page">在线商城</li> </ul> </nav> </div> </div> </div> </div> </div>   <div class="shop-main-wrapper section-space pb-0"> <div class="container"> <div class="row">  <div class="col-lg-3 order-2 order-lg-1"> <aside class="sidebar-wrapper">  <div class="sidebar-single"> <h3 class="sidebar-title">适用场景</h3> <div class="sidebar-body"> <ul class="shop-categories"> <li><a href="#">玫瑰花束<span>10</span></a></li> <li><a href="#">兰花棒 <span>5</span></a></li> <li><a href="#">百合花束 <span>8</span></a></li