wine-images-slider:葡萄酒图像滑块库| 香草JS

  • w9_514100
    了解作者
  • 8.2MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-14 04:21
    上传日期
wine-images-slider:葡萄酒图像滑块库| 香草JS
wine-images-slider-main.zip
  • wine-images-slider-main
  • assets
  • images
  • arrow.png
    15KB
  • grapes.png
    415.3KB
  • section-5-bg.jpg
    1.1MB
  • frame.png
    1.4MB
  • wine-bottle.png
    1.5MB
  • footer-img.png
    187.1KB
  • section-4-bg.jpg
    652KB
  • section-3-bg.jpg
    1.6MB
  • logo.png
    20.4KB
  • bag.png
    72KB
  • section-1-bg.jpg
    613.1KB
  • section-2-bg.jpg
    607.1KB
  • .gitkeep
    0B
  • js
  • script.js
    3KB
  • css
  • style.css
    8.9KB
  • index.html
    4.5KB
  • favicon.ico
    1.1KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Wine Images Slider Gallery | VanillaJS</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="./css/style.css" /> </head> <body> <div class="container"> <div class="navbar"> <a class="logo-link" rel='nofollow' onclick='return false;'> </a> <a class="menu" rel='nofollow' onclick='return false;'> <div class="menu-line menu-line-1"></div> <div class="menu-line menu-line-2"></div> <div class="menu-line menu-line-3"></div> </a> <nav class="nav-list"> <a class="nav-link" rel='nofollow' onclick='return false;'>Home</a> <a class="nav-link" rel='nofollow' onclick='return false;'>Vineyards</a> <a class="nav-link" rel='nofollow' onclick='return false;'>Grapes</a> <a class="nav-link" rel='nofollow' onclick='return false;'>Wine</a> <a class="nav-link" rel='nofollow' onclick='return false;'>Contact</a> </nav> </div> <button class="page-btn left-btn"> </button> <button class="page-btn right-btn"> </button> <div class="progress-wrapper"> <div class="progress"> <h2>1/5</h2> </div> <div class="circle-wrapper"> <div class="circle circle-1"></div> <div class="circle circle-2"></div> <div class="circle circle-3"></div> <div class="circle circle-4"></div> <div class="circle circle-5"></div> </div> </div> <div class="wrapper"> <section class="section-1"> <div class="section-wrapper section-1-wrapper"> <div class="section-1-heading-wrapper"> <h1 class="section-1-heading">The best wines around the world</h1> </div> </div> </section> <section class="section-2"> <div class="section-wrapper section-2-wrapper"> <div class="sale"> <img src="./assets/images/bag.png" alt="Sale Bag" class="sale-bag" /> <button class="sale-btn">order now!</button> </div> <img src="./assets/images/wine-bottle.png" alt="Wine Bottle" class="wine-bottle" /> </div> </section> <section class="section-3"> <div class="section-wrapper section-3-wrapper"> <h1 class="section-3-heading">the best quality</h1> <img src="./assets/images/frame.png" alt="Grapes Frame" class="frame-img" /> <img src="./assets/images/grapes.png" alt="Grapes" class="grapes-img" /> </div> </section> <section class="section-4"> <div class="section-wrapper section-4-wrapper"> <div class="section-4-bg"></div> <h1 class="section-4-heading">Newly Released Wines</h1> <img src="./assets/images/section-4-bg.jpg" alt="New Wines" class="new-wines-img" /> </div> </section> <section class="section-5"> <div class="section-wrapper section-5-wrapper"> <ul class="footer-list"> <li>Contact</li> <li>New Delhi</li> <li>39, Wine Kalyan Lane</li> <li>Open Daily</li> <li>By appointment only</li> </ul> <ul class="footer-list"> <li>Connect</li> <li>Phone: 987-654-3210</li> <li>Mobile: 978-456-0123</li> <li>Join our mailing list</li> <li>wine@house.com</li> </ul> <p class="copyright"> Copyright &copy; CodeAndWine. All Rights Reserved </p> </div> </section> </div> </div> <script src="./js/script.js"></script> </body> </html>
评论
    相关推荐
    • FreeMaker IDE
      FreeMarker的Eclipse插件,可以高亮显示FTL标签,提示语法错误,以及智能提示!
    • selenium ide
      selenium ide下载,fire path
    • IDE设置
      IDE设置
    • FreeMaker IDE
      FreeMaker IDE FreeMaker IDE
    • silabs ide
      用于调试51F023的软件 可以与CE3配套使用
    • ide
      ide
    • ide
      ide
    • IDE Factory
      【名称】IDE Factory 【作用】Flex Builder的AS3开发插件,主要用于生成Geter and Setter 、Format code...etc 【版本】Beta2 1.05(2008.12.20 最新) 【官网】开代理访问 www.idefactory.com 【已知Bug】 根据...
    • SiLabs IDE
      新华龙公司特别为C8051系列开发的编译软件IDE,界面很直观,非常好用!
    • Perl IDE
      一个Perl的程序设计器。