html+css+bootstrap实现电商-太阳镜商城网站设计，精美的眼镜商城网站模版.zip资源-CSDN文库

共49个文件

woff2：17个

png：9个

jpg：9个

版权申诉

html

bootstrap

121 浏览量 2024-03-16 14:57:24 上传评论收藏 1.88MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

太阳镜商城网站设计，精美的眼镜商城网站模版.zip （49个子文件）

太阳镜商城网站设计，精美的眼镜商城网站模版

assets

picture

about-img.jpg 215KB

p7.png 53KB

b1.jpg 75KB

p8.png 51KB

p5.png 54KB

c1.jpg 38KB

b2.jpg 58KB

c2.jpg 40KB

slider-bg.jpg 243KB

client.jpg 44KB

b3.jpg 100KB

p1.png 29KB

p2.png 50KB

p4.png 63KB

c3.jpg 32KB

p6.png 70KB

p3.png 53KB

favicon.png 7KB

bootstrap.js 134KB

custom.js 818B

jquery-3.4.1.min.js 86KB

css

style.css 16KB

css2.css 9KB

responsive.css 2KB

bootstrap.css 188KB

font-awesome.min.css 31KB

fonts

pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 8KB

nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2 35KB

pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2 5KB

pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2 38KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2 7KB

pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB

pxiEyp8kv8JHgFVrJJnecmNE.woff2 5KB

pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB

nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2 20KB

pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB

pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB

pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2 5KB

nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2 18KB

pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB

fontawesome-webfont.ttf 162KB

pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2 5KB

pxiEyp8kv8JHgFVrJJfecg.woff2 8KB

shop.html 12KB

index.html 25KB

about.html 6KB

blog.html 8KB

<!DOCTYPE html> <html> <head>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <meta name="keywords" content=""> <meta name="description" content=""> <meta name="author" content=""> <title> gzael </title>  <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">  <link href="assets/css/font-awesome.min.css" rel="stylesheet">  <link href="assets/css/style.css" rel="stylesheet">  <link href="assets/css/responsive.css" rel="stylesheet"> </head> <body>  <header class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand" href=""> <span> gzael </span> </a> <div class="" id=""> <div class="custom_menu-btn"> <button onclick="openNav()"> <span class="s-1"> </span> <span class="s-2"> </span> <span class="s-3"> </span> </button> <div id="myNav" class="overlay"> <div class="overlay-content"> <a href="">Home</a> <a href="about.html">About</a> <a href="shop.html">Shop</a> <a href="blog.html">Blog</a> </div> </div> </div> </div> </nav> </div> </header>   <section class="slider_section position-relative"> <div class="container-fluid"> <div class="row"> <div class="col-md-6 mx-auto detail_container"> <div class="detail-box"> <h1> Best Glasses <br> Collection </h1> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem </p> <div> <a href="" class="slider-link"> Shop Now </a> </div> </div> </div> <div class="col-md-4 px-0"> <div id="customCarousel1" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="slider_img_box"> <img src="assets/picture/slider-bg.jpg" alt=""> </div> </div> <div class="carousel-item"> <div class="slider_img_box"> <img src="assets/picture/slider-bg.jpg" alt=""> </div> </div> <div class="carousel-item"> <div class="slider_img_box"> <img src="assets/picture/slider-bg.jpg" alt=""> </div> </div> </div> </div> </div> </div> <div class="carousel_btn-box"> <a class="carousel-control-prev" href="#customCarousel1" role="button" data-slide="prev"> <i class="fa fa-angle-left" aria-hidden="true"></i> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#customCarousel1" role="button" data-slide="next"> <i class="fa fa-angle-right" aria-hidden="true"></i> <span class="sr-only">Next</span> </a> </div> </div> </section>   <section class="cat_section"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6 col-md-4 mx-auto"> <div class="box cat-box1"> <img src="assets/picture/c1.jpg" alt=""> <div class="detail-box"> <h2> For Women </h2> <a href=""> Shop Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div> </div> </div> <div class="col-sm-6 col-md-4 mx-auto"> <div class="box cat-box2"> <img src="assets/picture/c2.jpg" alt=""> <div class="detail-box"> <h2> For Men </h2> <a href=""> Shop Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div> </div> </div> <div class="col-sm-6 col-md-4 mx-auto"> <div class="box cat-box3"> <img src="assets/picture/c3.jpg" alt=""> <div class="detail-box"> <h2> For kids </h2> <a href=""> Shop Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </section>   <section class="shop_section layout_padding"> <div class="container"> <div class="heading_container heading_center"> <h2> Latest Products </h2> </div> <div class="row"> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="box"> <div> <div class="img-box"> <img src="assets/picture/p1.png" alt=""> </div> <div class="detail-box"> <a href=""> Aviator Glasses </a> <h6> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-half-empty" aria-hidden="true"></i> </h6> <h6> $200 </h6> </div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="box"> <div> <div class="img-box"> <img src="assets/picture/p2.png" alt=""> </div> <div class="detail-box"> <a href=""> Aviator Glasses </a> <h6> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-half-empty" aria-hidden="true"></i> </h6> <h6> $175 </h6> </div> </div> </div> </div> <div class="col-sm-6 col-md-4 col-lg-3"> <div class="box"> <div> <div class="img-box"> <img src="assets/picture/p3.png" alt=""> </div> <div class="detail-box"> <a href=""> Aviator Glasses </a> <h6> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="

评论收藏

内容反馈

版权申诉