首页分享基于前端设计的鲜花商城资源

基于前端设计的鲜花商城资源

来源：花匠小妙招时间：2024-12-05 21:05

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>在线花城</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><link rel="stylesheet" href="css/cssReset.css"><link rel="stylesheet" href="css/common.css"><link rel="stylesheet" href="css/index.css"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="stylesheet" href="css/bootstrap-3.3.7.min.css"> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/bootstrap-3.3.7.min.js"></script> </head> <body> <div class="container-fluid"> <div id="page"> <header><div class="header_container"> <div class="header_top"> <div class="header_top_l fl"><span>Weclome to Flower Mall </span> </div> <div class="header_top_r fr"> <ul> <li><a title="我的账户" href="myAccount.html">My Account</a></li> <li><a title="购物车" href="flowerCart.html">Wishlist</a></li> <li><a title="付款台" href="pay.html">Checkout</a></li> <li><a title="更多" href="#">More</a></li> <li><a title="登录" href="login.html">Log In</a></li> <li><a title="注销" href="">Log Out</a></li> </ul> </div> </div>  <div class="top_container"> <div class="container_l fl"> <a title="首页" href="index.html"> <div class="container_s1 fl"></div> </a> <div class="container_s2 fl "> </div> </div> <div class="container_r fr"> <div class="container_select fl"><input type="text" placeholder="Search here..."> </div> </div> </div> </header>  <nav><div class="nav_container"> <ul><li><a href="#"><span>首页</span></a></li><li><a href="#"><span>商品展示</span></a></li><li class="find"><a href="#"><span>分类查找</span></a>  <div class="menu_find_wrapper"> <div class="kind_menu">正在热销</div> <div class="kind_menu">新品上架</div> </div> </li><li class="kind2"><a href="#"><span>Love & Romance</span></a>  <div class="menu_kind2_wrapper"> </div></li><li class="flrs"><a href="#"><span>Flowers</span></a> <div class="menu_kind3_wrapper"> </div> </li><li><a href="#"><span>特价</span></a></li><li><a href="#"><span>博客</span></a></li> </ul></div> </nav>   <div class="box">  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/f3.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/f2.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/f4.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/f5.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> ... </div>  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div>   <div class="flower_title"> <span>正在热销</span> </div>  <div class="flower_show"> <ul class="flower_ul"> <li> <a href="javascript:;"><s><img src="img/flr01.jpg" alt=""></s></a> <div class="flower_ul_name"><span>Flower-12枝玫瑰</span></div> <div class="flower_ul_price"><span>￥99</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li> <li> <a href="javascript:;"><s><img src="img/flr02.png" alt=""></s></a> <div class="flower_ul_name"><span>Flower-恋恋情深</span></div> <div class="flower_ul_price"><span>￥199</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li> <li> <a href="javascript:;"><s><img src="img/flr03.png" alt=""></s></a> <div class="flower_ul_name"><span>Flower-海洋之恋</span></div> <div class="flower_ul_price"><span>￥225</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li> <li> <a href="javascript:;"><s><img src="img/flr04.png" alt=""></s></a> <div class="flower_ul_name"><span>Flower-圆满</span></div> <div class="flower_ul_price"><span>￥206</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li> </ul> </div>   <div class="flower_title"> <span>新品上市</span> </div>  <div class="flower_show"> <ul class="flower_ul">  <li> <a href="javascript:;"><s><img src="img/flr05.png" alt=""></s></a> <div class="flower_ul_name"> <div class="flower_ul_name_new fl"><span>NEW</span></div> <span>Flower-忘情巴黎</span></div> <div class="flower_ul_price"><span>￥199</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li>  <li> <a href="javascript:;"><s><img src="img/flr06.png" alt=""></s></a> <div class="flower_ul_name"> <div class="flower_ul_name_new fl"><span>NEW</span></div> <span>Flower-感激</span></div> <div class="flower_ul_price"><span>￥210</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li>  <li> <a href="javascript:;"><s><img src="img/flr07.png" alt=""></s></a> <div class="flower_ul_name"> <div class="flower_ul_name_new fl"><span>NEW</span></div> <span>Flower-甜蜜圣诞</span></div> <div class="flower_ul_price"><span>￥280</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li>  <li> <a href="javascript:;"><s><img src="img/flr08.png" alt=""></s></a> <div class="flower_ul_name"> <div class="flower_ul_name_new fl"><span>NEW</span></div> <span>Flower-金箔玫瑰</span></div> <div class="flower_ul_price"><span>￥138</span></div> <div class="flower_ul_Cart"><input type="button" value="ADD TO CART"></div> </li> </ul> </div>   <div class="bottom"> <div class="bottom_content"> <span>版权所有鲜花商城</span> </div> <div class="bottom_content"> <span>Copyright-2018 Just-Aodi</span> </div> </div> </div> </body> </html>