<!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>
<!--
Journey Template
http://www.templatemo.com/tm-511-journey
-->
<!-- load stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> <!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- Bootstrap style -->
<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"> <!-- Templatemo style -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</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> <!-- row -->
</div> <!-- container -->
</div> <!-- .tm-top-bar -->
<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> <!-- col-xs-12 -->
</div> <!-- row -->
<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>
绿色宽屏形式pc+wap旅行项目网页模板代码.zip
177 浏览量
2023-06-20
19:21:49
上传
评论
收藏 1.99MB ZIP 举报
小徐博客
- 粉丝: 1397
- 资源: 827
最新资源
- STM8L101F3P6单片机+CC1100模块433M遥控器设计硬件(原理图+PCB)工程文件.zip
- 上传下载铁人下载系统 Liuxing 1.0-liuxing1.0.rar
- 南京邮电大学数学实验实力雄厚,凭借其优秀的师资力量、丰富的实践教学资源和卓越的科研成果,成为国内一流的数学实验教学和科研基地
- 【火爆朋友圈的今天吃什么源码 v1.0】随机的为用户带来每一天的用餐选择和推荐.rar
- MPU6050中文版数据手册
- 上传下载手机电影下载-mobiledy.rar
- 响应式旅游网站源码下载 马尔代夫旅游网站.rar
- CMS小涴熊漫画连载系统漫画网站源码 带采集API.rar
- 福袋点点.apk
- 基于STM32的电子秤采用0.96寸OLED显示UI界面源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈