酒店预览界面
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>酒店预览</title>
<link rel="icon" sizes="any" mask href="../../image/icon.png">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Font Awesome -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
<!-- Ekko Lightbox -->
<link rel="stylesheet" href="../plugins/ekko-lightbox/ekko-lightbox.css">
<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.min.css">
<!-- Google Font: Source Sans Pro -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
<!-- Navbar -->
<%@include file="navbar.jsp" %>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<%@include file="menu.jsp" %>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>酒店预览</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="./main">首页</a></li>
<li class="breadcrumb-item active">酒店预览</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="card card-primary">
<div class="card-header">
<div class="card-title">
房间
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-sm-2">
<a href="../../../images/P1.jpg"
data-toggle="lightbox" data-title="1"
data-gallery="gallery">
<img src="../../../images/P1.jpg"
class="img-fluid mb-2" alt="black sample"/>
</a>
</div>
<div class="col-sm-2">
<a href="../../../images/P2.jpg"
data-toggle="lightbox" data-title="2"
data-gallery="gallery">
<img src="../../../images/P2.jpg"
class="img-fluid mb-2" alt="black sample"/>
</a>
</div>
<div class="col-sm-2">
<a href="../../../images/P3.jpg"
data-toggle="lightbox" data-title="3"
data-gallery="gallery">
<img src="../../../images/P3.jpg"
class="img-fluid mb-2" alt="black sample"/>
</a>
</div>
<div class="col-sm-2">
<a href="../../../images/P4.jpg"
data-toggle="lightbox" data-title="4"
data-gallery="gallery">
<img src="../../../images/P4.jpg"