绿色宽屏形式pc+wap旅行项目网页模板代码.zip资源-CSDN文库

共50个文件

png：10个

js：8个

jpg：8个

html5

H5模版

HTML模版

62 浏览量 2023-06-20 19:21:49 上传评论收藏 1.99MB ZIP 举报

"绿色宽屏形式pc+wap旅行项目网页模板代码.zip" 提供的是一个针对旅行项目的网页模板，设计上采用绿色调以及宽屏布局，适用于个人电脑（PC）和移动设备（WAP）的浏览体验。这个模板是基于HTML5技术构建的，确保在现代浏览器上能展现出良好的性能和兼容性。 "html网站模版分享,静态化H5网站模版源码,pc+wap平面广告设计网页模版代码" 指出该资源不仅是一个HTML网站模板，而且是已经静态化的，这意味着它不依赖服务器端脚本，所有的内容都在HTML文件中直接包含，加载速度较快。H5即HTML5，是最新一代的超文本标记语言标准，提供了许多增强网页互动性和多媒体支持的新特性。同时，这个模板还考虑了平面广告设计，意味着其视觉效果和用户体验被精心打造，适合用于展示旅行项目或吸引游客。 "html5 H5模版 HTML模版" 明确了模板的核心技术，HTML5是目前网页开发的主流标准，具有更好的媒体支持、离线存储、表单控件等新功能。H5模版通常指的是遵循HTML5规范的网站模板，这些模板通常包含CSS3和JavaScript，以实现响应式设计和动态效果。HTML模版则更广泛地指任何基于HTML的网页结构框架，可用于快速搭建网站。【压缩包子文件的文件名称列表】: 22169 - 这个数字可能代表文件的数量或者某种编码，但没有具体的信息，我们无法进一步解读。通常，压缩包中的文件会包括HTML文件（如index.html）、CSS文件（如style.css）用于样式控制，JavaScript文件（如script.js）用于交互功能，图片和其他媒体文件（如img、audio、video），以及可能的字体文件（.ttf或.woff）和图标文件（.svg）。这个资源提供了一套适用于旅行项目展示的、静态化的HTML5网站模板，包含了PC和WAP两个版本，确保在不同设备上的良好呈现。模板设计注重视觉效果和平面广告的元素，使用了HTML5的最新特性来提升用户体验。开发者或设计师可以利用这些源码快速构建一个吸引人的旅行项目网站，无需从头开始编写大量代码。同时，由于是静态化模板，加载速度快，对于用户体验和SEO优化都是有利的。

资源推荐

资源详情

资源评论

收起资源包目录

绿色宽屏形式pc+wap旅行项目网页模板代码.zip （50个子文件）

22169

jquery.scrollTo.min.js 2KB

bootstrap.min.js 49KB

popper.min.js 19KB

datepicker.min.js 8KB

jquery.singlePageNav.min.js 3KB

jquery-1.11.3.min.js 94KB

font-awesome-4.7.0

css

font-awesome.css 37KB

font-awesome.min.css 30KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

img

dots-3.png 1KB

south-america.png 2KB

banner.jpg 571KB

logo.png 2KB

europe.png 4KB

tm-img-05.jpg 32KB

antartica.png 4KB

tm-img-01.jpg 219KB

africa.png 3KB

tm-img-02.jpg 211KB

tm-img-04.jpg 30KB

australia.png 3KB

asia.png 4KB

button-curve.png 5KB

tm-img-06.jpg 28KB

tm-img-03.jpg 148KB

north-america.png 3KB

tm-img-07.jpg 28KB

css

bootstrap.min.css 124KB

templatemo-style.css 14KB

datepicker.css 4KB

slick

slick-theme.less 4KB

config.rb 161B

slick.less 2KB

slick-theme.scss 5KB

slick.css 2KB

slick.min.js 42KB

ajax-loader.gif 4KB

slick.js 86KB

slick-theme.css 3KB

slick.scss 2KB

fonts

slick.ttf 2KB

slick.eot 2KB

slick.svg 2KB

slick.woff 1KB

index.html 47KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Journey HTML CSS Template</title>   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">  <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" type="text/css" href="css/datepicker.css"/> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> <link rel="stylesheet" href="css/templatemo-style.css">     </head> <body> <div class="tm-main-content" id="top"> <div class="tm-top-bar-bg"></div> <div class="tm-top-bar" id="tm-top-bar"> <div class="container"> <div class="row"> <nav class="navbar navbar-expand-lg narbar-light"> <a class="navbar-brand mr-auto" href="#"> <img src="img/logo.png" alt="Site logo"> Journey </a> <button type="button" id="nav-toggle" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#mainNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div id="mainNav" class="collapse navbar-collapse tm-bg-white"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link active" href="#top">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#tm-section-2">Top Destinations</a> </li> <li class="nav-item"> <a class="nav-link" href="#tm-section-3">Recommended Places</a> </li> <li class="nav-item"> <a class="nav-link" href="#tm-section-4">Contact Us</a> </li> </ul> </div> </nav> </div>  </div>  </div>  <div class="tm-page-wrap mx-auto"> <section class="tm-banner"> <div class="tm-container-outer tm-banner-bg"> <div class="container"> <div class="row tm-banner-row tm-banner-row-header"> <div class="col-xs-12"> <div class="tm-banner-header"> <h1 class="text-uppercase tm-banner-title">Let's begin</h1> <img src="img/dots-3.png" alt="Dots"> <p class="tm-banner-subtitle">We assist you to choose the best.</p> <a href="javascript:void(0)" class="tm-down-arrow-link"><i class="fa fa-2x fa-angle-down tm-down-arrow"></i></a> </div> </div>  </div>  <div class="row tm-banner-row" id="tm-section-search"> <form action="index.html" method="get" class="tm-search-form tm-section-pad-2"> <div class="form-row tm-search-form-row"> <div class="form-group tm-form-group tm-form-group-pad tm-form-group-1"> <label for="inputCity">Choose Your Destination</label> <input name="destination" type="text" class="form-control" id="inputCity" placeholder="Type your destination..."> </div> <div class="form-group tm-form-group tm-form-group-1"> <div class="form-group tm-form-group tm-form-group-pad tm-form-group-2"> <label for="inputRoom">How many rooms?</label> <select name="room" class="form-control tm-select" id="inputRoom"> <option value="1" selected>1 Room</option> <option value="2">2 Rooms</option> <option value="3">3 Rooms</option> <option value="4">4 Rooms</option> <option value="5">5 Rooms</option> <option value="6">6 Rooms</option> <option value="7">7 Rooms</option> <option value="8">8 Rooms</option> <option value="9">9 Rooms</option> <option value="10">10 Rooms</option> </select> </div> <div class="form-group tm-form-group tm-form-group-pad tm-form-group-3"> <label for="inputAdult">Adult</label> <select name="adult" class="form-control tm-select" id="inputAdult"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div>

评论收藏

内容反馈