基于HTML+CSS+JS开发的网站-时尚产品发布展示网页模板.7z资源-CSDN文库

共70个文件

jpg：26个

png：14个

js：9个

HTML

源码

web

JavaScript

需积分: 5 117 浏览量 2024-07-10 14:34:41 上传评论收藏 2.9MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-时尚产品发布展示网页模板.7z （70个子文件）

[web前端]&[课程设计]&[网站源码]-时尚产品发布展示网页模板

html

assets

jquery.waypoints.min.js 9KB

bootstrap.min.js 57KB

theme-change.js 692B

jquery.chocolat.js 10KB

jquery.magnific-popup.min.js 20KB

jquery-3.3.1.min.js 68KB

jquery.countup.js 3KB

owl.carousel.js 88KB

jquery-2.1.4.min.js 82KB

webfonts

fa-brands-400.woff 90KB

fa-brands-400.ttf 133KB

fa-brands-400.svg 730KB

fa-solid-900.woff 102KB

fa-solid-900.eot 200KB

fa-solid-900.ttf 200KB

fa-brands-400.woff2 77KB

fa-regular-400.woff2 13KB

fa-brands-400.eot 134KB

fa-regular-400.eot 34KB

fa-regular-400.woff 16KB

fa-regular-400.svg 141KB

fa-regular-400.ttf 33KB

fa-solid-900.woff2 78KB

fa-solid-900.svg 896KB

css

style-starter.css 313KB

images

ins.png 1KB

banner6.jpg 107KB

about5.jpg 60KB

2.jpg 33KB

disney.png 63KB

woocomerce.png 19KB

tw.png 939B

about1.jpg 38KB

s1.jpg 9KB

s2.jpg 15KB

about6.jpg 41KB

team4.jpg 17KB

6.jpg 34KB

banner4.jpg 74KB

1.jpg 37KB

team3.jpg 23KB

banner3.jpg 256KB

about4.jpg 34KB

arrow-right.png 470B

times-solid.svg 645B

left.png 3KB

team2.jpg 22KB

fb.png 791B

5.jpg 37KB

about2.jpg 46KB

banner1.jpg 90KB

banner5.jpg 88KB

close.png 280B

right.png 3KB

arrow-left.png 505B

s3.jpg 9KB

ab.jpg 79KB

team1.jpg 21KB

3.jpg 76KB

about3.jpg 43KB

banner2.jpg 164KB

li.png 841B

s4.jpg 15KB

flipkart.png 26KB

amazon.png 21KB

media-img.png 1015B

services.html 20KB

index.html 27KB

contact.html 14KB

about.html 19KB

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>PassionKraft - Fashion Category Bootstrap Responsive Template | Home</title>  <link href="//fonts.googleapis.com/css2?family=Spartan:wght@300;400;600;700&display=swap" rel="stylesheet">  <link rel="stylesheet" href="assets/css/style-starter.css"> </head> <body>  <header id="site-header" class="fixed-top"> <div class="container"> <nav class="navbar navbar-expand-lg stroke px-0 pt-lg-0"> <h1> <a class="navbar-brand" href="index.html"> Passion<span class="logo-sub">Kraft</a> </h1>  <button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon fa icon-expand fa-bars"></span> <span class="navbar-toggler-icon fa icon-close fa-times"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav mx-lg-auto"> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about.html">About</a> </li> <li class="nav-item"> <a class="nav-link" href="services.html">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact US</a> </li> </ul>  <div class="search-right"> <a href="#search" title="search"><span class="fa fa-search" aria-hidden="true"></span></a> </div>  <div class="top-quote mr-lg-3 mt-lg-0 mr-lg-4"> <a href="contact.html" class="btn btn-style btn-white btn-primary">Get In Touch</a> </div> </div>  <div class="mobile-position"> <nav class="navigation"> <div class="theme-switch-wrapper"> <label class="theme-switch" for="checkbox"> <input type="checkbox" id="checkbox"> <div class="mode-container"> <i class="gg-sun"></i> <i class="gg-moon"></i> </div> </label> </div> </nav> </div>  </nav> </div> </header>   <div class="section-mid-gap"></div>  <section class="bannerw3l-hnyv"> <div class="slider">  <div class="slider__slides"> <div class="slide s--active"> <div class="slide__inner"> <div class="slide__content"> <h3 class="slide__heading">Women's Fashion 50% Off</h3> <p class="slide__text">Enjoy this Summer Trend</p> </div> </div> </div> <div class="slide"> <div class="slide__inner"> <div class="slide__content"> <h3 class="slide__heading">Men's Fashion 60% Off</h3> <p class="slide__text">Mid season 50% Offer</p> </div> </div> </div> <div class="slide"> <div class="slide__inner"> <div class="slide__content"> <h3 class="slide__heading">Kid’s Fashion 70% Off</h3> <p class="slide__text">Enjoy this Summer Trend</p> </div> </div> </div> <div class="slide"> <div class="slide__inner"> <div class="slide__content"> <h3 class="slide__heading">Accessories 40% Off</h3> <p class="slide__text">Mid season 50% Offer</p> </div> </div> </div> <div class="slide s--prev"> <div class="slide__inner"> <div class="slide__content"> <h3 class="slide__heading">Cosmetics 50% Off</h3> <p class="slide__text">Enjoy this Summer Trend</p> </div> </div> </div> </div>  <div class="slider__control"> <div class="slider__control-line"></div> <div class="slider__control-line"></div> </div> <div class="slider__control slider__control--right m--right"> <div class="slider__control-line"></div> <div class="slider__control-line"></div> </div> </div> <div class="bannerw3l-layer"></div> </section>   <div class="social-w3l-media-sec"> <div class="w3l-social-imf-left"> </div> <div class="social-column-grids"> <div class="w3l-social-gd"> <a href=" #" target="_blank" class="facebook"> <span class="fab fa-facebook-f mr-2"></span> <span class="social-text">Facebook</span> </a> </div> <div class="w3l-social-gd"> <a href="#" target="_blank" class="twitter"> <span class="fab fa-twitter mr-2"></span> <span class="social-text">Twitter</span> </a> </div> <div class="w3l-social-gd"> <a href=" #" class="dribble"> <span class="fab fa-dribbble mr-2"></span> <span class="social-text">Dribbble</span> </a> </div> <div class="w3l-social-gd"> <a href=" #" target="_blank" class="instagram"> <span class="fab fa-instagram mr-2"></span> <span class="social-text">Instagram</span> </a> </div> </div> <div class="w3l-social-button-right"> <a href=" #" class="btn-explore"> Explore Now </a> </div> </div>  <!

评论收藏

内容反馈