You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

288 lines
12 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

才<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="web.Web.Site.index" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Airspace A template by Themefisher</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- CSS -->
<link rel="stylesheet" href="css/owl.carousel.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/ionicons.min.css" />
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/responsive.css" />
<!-- Js -->
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script src="js/vendor/jquery-1.10.2.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/min/waypoints.min.js"></script>
<script src="js/jquery.counterup.js"></script>
<script src="js/main.js"></script>
<style type="text/css">
.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
}
</style>
<script>
$(function () {
//锚点跳转滑动效果
$('a[href*=#],area[href*=#]').click(function () {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
if ($target.length) {
var targetOffset = $target.offset().top - 60;
$('html,body').animate({
scrollTop: targetOffset
},
1000);
return false;
}
}
});
$("#btnSearch").click(function () {
var blno = $("#txtBlno").val();
$.ajax({
url: '../../Interface/StatusController.ashx',
type: 'POST', //GET
data: {
action: "GetStatusForWHLWithBLNO",
blno: blno
},
dataType: 'html', //返回的数据格式json/xml/html/script/jsonp/text
success: function (data) {
if (data != "") {
$("#dataTable").html(data);
$('#searchModal').modal('show');
} else {
$("#dataTable").html('');
alert("未检索到相关信息!");
}
},
error: function () {
alert("出错了!请稍候再试!");
}
})
})
})
</script>
</head>
<body>
<form id="form1">
<!-- Header Start -->
<header>
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- header Nav Start -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="img/logo.png" alt="Logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#slider"><%=_PageData.Find(p=>p.OrderIndex==1).PartName %></a></li>
<li><a href="#intro"><%=_PageData.Find(p=>p.OrderIndex==2).PartName %></a></li>
<li><a href="#feature"><%=_PageData.Find(p=>p.OrderIndex==3).PartName %></a></li>
<li><a href="#service"><%=_PageData.Find(p=>p.OrderIndex==4).PartName %></a></li>
<li><a href="#call-to-action"><%=_PageData.Find(p=>p.OrderIndex==5).PartName %></a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</div>
</div>
</div>
</header>
<!-- header close -->
<!-- Slider Start -->
<section id="slider" style="padding-bottom:100px">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-2">
<div class="block">
<h1 class="animated fadeInUp"><%=_PageData.Find(p=>p.OrderIndex==1).PartTitle %></h1>
<p class="animated fadeInUp"><%=_PageData.Find(p=>p.OrderIndex==1).PartSubTitle %></p>
</div>
</div>
</div>
</div>
</section>
<!-- P2 Start -->
<section id="intro">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12">
<div class="block">
<div class="section-title">
<h2><%=_PageData.Find(p=>p.OrderIndex==2).PartTitle %></h2>
<p><%=_PageData.Find(p=>p.OrderIndex==2).PartSubTitle %></p>
</div>
<p><%=_PageData.Find(p=>p.OrderIndex==2).PartContent %></p>
</div>
</div>
<!-- .col-md-7 close -->
<div class="col-md-5 col-sm-12">
<div class="block">
<img src="img/p2.jpg" alt="Img">
</div>
</div>
<!-- .col-md-5 close -->
</div>
</div>
</section>
<!-- P3 Start-->
<section id="feature">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-6">
<h2><%=_PageData.Find(p=>p.OrderIndex==3).PartTitle %></h2>
<%=_PageData.Find(p=>p.OrderIndex==3).PartContent %>
<a href="#" class="btn btn-view-works">View Works</a>
</div>
</div>
</div>
</section>
<!-- P4 Start -->
<section id="service">
<div class="container">
<div class="row">
<div class="section-title">
<h2><%=_PageData.Find(p=>p.OrderIndex==4).PartTitle %></h2>
<%=_PageData.Find(p=>p.OrderIndex==4).PartSubTitle %>
</div>
</div>
<%=_PageData.Find(p=>p.OrderIndex==4).PartContent %>
</div>
</section>
<!-- P5 Start -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<h2><%=_PageData.Find(p=>p.OrderIndex==5).PartTitle %></h2>
<%=_PageData.Find(p=>p.OrderIndex==5).PartContent %>
<a class="btn btn-default btn-call-to-action" href="#">Tell Us Your Story</a>
</div>
</div>
</div>
</div>
</section>
<!-- P6 Start -->
<section id="testimonial">
<div class="container">
<div class="row">
<div class="section-title text-center">
<h2><%=_PageData.Find(p=>p.OrderIndex==6).PartTitle %></h2>
<%=_PageData.Find(p=>p.OrderIndex==6).PartSubTitle %>
</div>
</div>
<%=_PageData.Find(p=>p.OrderIndex==6).PartContent %>
</div>
</section>
<!-- footer Start -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-manu">
<ul>
<li><a href="#slider"><%=_PageData.Find(p=>p.OrderIndex==1).PartName %></a></li>
<li><a href="#intro"><%=_PageData.Find(p=>p.OrderIndex==2).PartName %></a></li>
<li><a href="#feature"><%=_PageData.Find(p=>p.OrderIndex==3).PartName %></a></li>
<li><a href="#service"><%=_PageData.Find(p=>p.OrderIndex==4).PartName %></a></li>
<li><a href="#call-to-action"><%=_PageData.Find(p=>p.OrderIndex==5).PartName %></a></li>
</ul>
</div>
<p><%=_CopyRight%></p>
</div>
</div>
</div>
</footer>
<div class="modal fade row" style="width:1000px;margin-left:100px" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width:1000px" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">提单查询</h4>
</div>
<div class="modal-body gridtable" id="dataTable">
</div>
<div class="modal-footer" style="margin-top:25px">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
</form>
</body>
</html>