ZIP第二次旅游网页临摹，设计稿来自即时设计网站 2.6MB

m0_67963390

资源文件列表:

Travel.zip 大约有43个文件
  1. weekend-practice-7-20/CSS/
  2. weekend-practice-7-20/CSS/index.css 19.26KB
  3. weekend-practice-7-20/CSS/reset.css 1.79KB
  4. weekend-practice-7-20/image/
  5. weekend-practice-7-20/image/icon/
  6. weekend-practice-7-20/image/icon/discounts-icon/
  7. weekend-practice-7-20/image/icon/discounts-icon/discounts-icon1.png 1.27KB
  8. weekend-practice-7-20/image/icon/discounts-icon/discounts-icon2.png 435B
  9. weekend-practice-7-20/image/icon/discounts-icon/discounts-img1.png 153.5KB
  10. weekend-practice-7-20/image/icon/discounts-icon/discounts-img2.png 137.16KB
  11. weekend-practice-7-20/image/icon/discounts-icon/idscounts-img3.png 129.21KB
  12. weekend-practice-7-20/image/icon/distance-icon/
  13. weekend-practice-7-20/image/icon/distance-icon/distance-icon1.png 327B
  14. weekend-practice-7-20/image/icon/distance-icon/distance-img1.png 93.41KB
  15. weekend-practice-7-20/image/icon/distance-icon/distance-img2.png 59.69KB
  16. weekend-practice-7-20/image/icon/distance-icon/distance-img3.png 76.95KB
  17. weekend-practice-7-20/image/icon/distance-icon/distance-img4.png 77.13KB
  18. weekend-practice-7-20/image/icon/distance-icon/Location.png 483B
  19. weekend-practice-7-20/image/icon/distance-icon/Star.png 402B
  20. weekend-practice-7-20/image/icon/leave-icon/
  21. weekend-practice-7-20/image/icon/leave-icon/leave-aveter1.png 14.72KB
  22. weekend-practice-7-20/image/icon/leave-icon/leave-footer.png 2.72KB
  23. weekend-practice-7-20/image/icon/leave-icon/leave-icon.png 1.61KB
  24. weekend-practice-7-20/image/icon/leave-icon/leave-icon3.png 1.03KB
  25. weekend-practice-7-20/image/icon/leave-icon/leave-icon4.png 1.04KB
  26. weekend-practice-7-20/image/icon/leave-icon/leaver-aveter2.png 11.32KB
  27. weekend-practice-7-20/image/icon/nav-icon/
  28. weekend-practice-7-20/image/icon/nav-icon/icon-logo.png 1.52KB
  29. weekend-practice-7-20/image/icon/plug-icon/
  30. weekend-practice-7-20/image/icon/plug-icon/plug-hotel.png 835B
  31. weekend-practice-7-20/image/icon/plug-icon/plug-plane-gra.png 1.16KB
  32. weekend-practice-7-20/image/icon/plug-icon/plug-plane-left.png 695B
  33. weekend-practice-7-20/image/icon/plug-icon/plug-plane-right.png 650B
  34. weekend-practice-7-20/image/icon/plug-icon/plug-plane-top.png 793B
  35. weekend-practice-7-20/image/icon/plug-icon/plug-search.png 3.06KB
  36. weekend-practice-7-20/image/icon/plug-icon/plug-search-icon1.png 870B
  37. weekend-practice-7-20/image/icon/plug-icon/plug-travel.png 1.24KB
  38. weekend-practice-7-20/image/icon/travel-icon/
  39. weekend-practice-7-20/image/icon/travel-icon/travel-icon.png 3.98KB
  40. weekend-practice-7-20/image/icon/travel-icon/travel-img.png 601.93KB
  41. weekend-practice-7-20/image/img/
  42. weekend-practice-7-20/image/img/img-cover.png 1.24MB
  43. weekend-practice-7-20/index.html 11.95KB

资源介绍:

第二次旅游网页临摹，设计稿来自即时设计网站
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="./CSS/reset.css" /> <link rel="stylesheet" href="./CSS/index.css" /> <title>旅游网站界面布局临摹</title> </head> <body> <!-- 最大盒子 --> <div class="nmx-index-layout"> <!-- 1.顶部导航栏 --> <div class="nmx-index-top-nav"> <div class="container"> <div class="nmx-index-top-nav-logo"></div> <div class="nmx-index-top-nav-list"> <ul> <li><a href="#">首页</a></li> <li><a href="#">小贴士</a></li> <li><a href="#">警报</a></li> <li><a href="#">博客</a></li> <li> <a href="#" class="nmx-index-top-nav-list-active" style="color: rgba(62, 134, 245, 1)" >博客</a > </li> </ul> </div> </div> </div> <!-- 2.封面页 --> <div class="nmx-index-cover"> <!-- 封面文本 --> <div class="nmx-index-cover-text"> <span class="nmx-index-cover-text-content"> <i>探索你的生活</i> <i>去你想去的地方旅行</i> <i>愿你探索世界上的自然天堂，让我们一起寻找世界上最好的目的地。</i> </span> </div> <!-- 封面插件 --> <div class="nmx-index-cover-plug"> <!-- 插件头部 --> <div class="nmx-index-cover-plug-top"> <ul> <li> <a href="#" class="plug-a-active"> <i class="nmx-index-cover-plug-top-icon1"></i> <span>飞机</span> </a> </li> <li> <a href="#"> <i class="nmx-index-cover-plug-top-icon2"></i> <span>酒店</span> </a> </li> </ul> </div> <!-- 插件数据部分 --> <div class="nmx-index-cover-plug-content"> <!-- 数据区左侧 --> <div class="nmx-index-cover-plug-content-left"> <!-- 小飞机图标 --> <i class="nmx-index-cover-plug-content-left-icon"></i> <ul> <li> <span>居住地</span> <span>迪拜</span> </li> <li> <span>前往</span> <span>纽约</span> </li> </ul> </div> <!-- 数据区右侧 --> <div class="nmx-index-cover-plug-content-right"> <!-- 旅行小图标 --> <i class="nmx-index-cover-plug-content-right-icon2"></i> <ul> <li> <span class="nmx-index-cover-plug-content-right-go"> <i>前往</i> <i class="nmx-index-cover-plug-content-right-icon1"></i> </span> <span>1月23日周六</span> </li> <li> <span class="nmx-index-cover-plug-content-right-back"> <i>返回</i> <i class="nmx-index-cover-plug-content-right-icon3"></i> </span> <span>2月14日周四</span> </li> </ul> </div> <div class="nmx-index-cover-plug-content-search"> <i class="nmx-index-cover-plug-content-search-icon"></i> </div> </div> </div> </div> <!-- 3.特别优惠模块 --> <div class="nmx-index-discounts"> <div class="nmx-index-discounts-text">即将推出的特别优惠</div> <div class="nmx-index-discounts-list"> <ul> <li><a href="#" class="list-active">团队</a></li> <li><a href="#">亲子</a></li> <li><a href="#">家庭</a></li> </ul> </div> <div class="nmx-index-discounts-item"> <ul> <li> <div class="nmx-index-discounts-item-img1"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon1"></i> <span>3天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>700$/人</span> </div> <button>立即预定</button> </div> </li> <li> <div class="nmx-index-discounts-item-img2"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon2">冒险</i> <span>4天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>400$/人</span> </div> <button>立即预定</button> </div> </li> <li> <div class="nmx-index-discounts-item-img3"></div> <div class="nmx-index-discounts-item-state"> <i class="nmx-index-discounts-item-state-icon3"></i> <span>3天3夜</span> </div> <div class="nmx-index-discounts-item-detail"> <div class="nmx-index-discounts-item-detail-text"> <span>洛加海</span> <span>340$/人</span> </div> <button>立即预定</button> </div> </li> </ul> </div> </div> <!-- 4.一起旅行模块 --> <div class="nmx-index-travel"> <i class="nmx-index-travel-img-icon1"> <span>300+</span><span>目的地</span> </i> <i class="nmx-index-travel-img-icon2"> <span>5000+</span><span>旅行者</span> </i> <i class="nmx-index-travel-img-icon3"> <span>150+</span><span>旅馆</span> </i> <div class="nmx-index-travel-left"> <div class="nmx-index-travel-img"></div> </div> <div class="nmx-index-travel-right"> <div class="nmx-index-travel-right-title"> 与我们一起旅行<br />世界的任何角落 </div> <div class="nmx-index-travel-right-details"> <span >你会探索世界上的自然天堂吗，让我们和我们一起寻找世界上最好的目的地你会探索地球上的自然乐园吗，让我和我们一起找到世界上最好目的地。 </span> <span >愿你探索世界上的自然天堂，让我们一起寻找世界上最好的目的地。 </span> </div> <div class="nmx-index-travel-right-btn"> <button>联系我们</button> </div> </div> </div> <!-- 5.推荐目的地模块 --> <div class="nmx-index-destination"> <div class="nmx-index-destination-title">推荐目的地</div> <div class="nmx-index-destination-list"> <ul> <li><a href="#" class="des-list-active">热门</a></li> <li><a href="#">冒险</a></li> <li><a href="#">养生</a></li> </ul> </div> <div class="nmx-index-destination-items">
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIP智能医疗平台专属定制化机器人（前后端代码）4.23KB9月前
    ZIP基于C语言实现的图书管理系统517.01KB9月前
    ZIP基于C++的图书管理系统798.92KB9月前
    ZIP基于C语言实现的学生成绩管理程序1.01MB9月前
    ZIPMSPM0G3507+NRF24L012.4G无线传输加串口屏显示58.08MB9月前
    ZIPpycharm lightly主题插件9.61KB9月前
    ZIP陕西民俗网站 JAVA+Vue.js+SpringBoot+MySQL25.28MB9月前
    ZIP教师工作量管理系统 JAVA+Vue.js+SpringBoot+MySQL24.67MB9月前