root/apt-nl-map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c1ac42072f78814f8868bb69a727e03673366801
apt-nl-map/static/Magic4/index.html.bak_2021040600
蔡玲 c1ac42072f static
2024-12-04 10:21:04 +08:00

392 lines
13 KiB
Plaintext
Raw Blame History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Home</title>
<!-- BOOTSTRAP CORE STYLE CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- VEGAS SLIDESHOW STYLE CSS -->
<link href="assets/plugins/vegas/jquery.vegas.min.css" rel="stylesheet" />
<!-- FONTAWESOME STYLE CSS -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="Button_Display/css/main.css">
<script type="text/javascript" src="Lu_Global.js"></script>
<script type="text/javascript" src="http://static.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>
<script type="text/javascript" src="http://static.robotwebtools.org/roslibjs/current/roslib.min.js"></script>
<script type="text/javascript" src="Lu_ROS_Driver.js"></script>
<script type="text/javascript" src="Lu_Math_Driver.js"></script>
<script type="text/javascript" src="Lu_Display_Driver.js"></script>
<script type="text/javascript" type="text/javascript">
function Timer(){
Time=fnDate();
listener();
Refresh();
}
function Refresh(){
$.cookie("Car_Global_Theta",Car_Global_Theta);
$.cookie("VehicleCtrlRealAltitude_mm",VehicleCtrlRealAltitude_mm);
$.cookie("VehicleCtrlExpThrottle",VehicleCtrlExpThrottle);
$.cookie("Speedm_Tmp",Speedm_Tmp);
$.cookie("PWR_Percent",PWR_Percent);
$.cookie("SVreal_angle",SVreal_angle);
}
var T1 = window.setInterval("Timer()",100);
</script>
</head>
<body data-spy="scroll" data-target="#menu">
<div class="navbar navbar-inverse navbar-fixed-top scrollclass" id="menu" >
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="assets/img/logo180-50.png" alt="" style="max-height:40px" /></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</div>
<!--NAVBAR SECTION END-->
<div id="home" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 ">
<div id="carousel-slider" data-ride="carousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<h1 > 欢迎使用AGV </h1>
</div>
<div class="item">
<h1 > THIS TEMPLATE IS HANDMADE</h1>
</div>
<div class="item">
<h1> AWESOMENESS JUST FOR YOU</h1>
</div>
</div>
<!--INDICATORS-->
<ol class="carousel-indicators">
<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
<li data-target="#carousel-slider" data-slide-to="1" class=""></li>
<li data-target="#carousel-slider" data-slide-to="2" class=""></li>
</ol>
<iframe src="canvas-gauges/Lu_Gauges.html" frameborder="0" width="1000" scrolling="No" height="300" leftmargin="0" topmargin="0"></iframe>
<iframe src="Flight_Display/Lu_Flight.html" frameborder="0" width="500" scrolling="No" height="300" leftmargin="0" topmargin="0"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 scrollclass">
<p >
Lorem ipsumdolor sitamet, consect adipiscing elit
Lorem ipsumdolor sitamet, consect adipiscing elit
</p>
<br/>
<a href="#about" class="btn btn-lg custom-btn-1"><i class="fa fa-home" ></i>ABOUT </a>
<a href="#services" class="btn btn-lg custom-btn-1" ><i class="fa fa-comments-o" ></i> SERVICES </a>
<a href="#contact" class="btn btn-lg custom-btn-1"><i class="fa fa-globe" ></i> CONTACT </a>
</div>
</div>
</div>
</div>
<!--HOME SECTION END-->
<hr/>
<section id="about" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2>ABOUT US</h2>
<p >
Lorem ipsumdolor sitamet, consect adipiscing elit
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class=" fa fa-fax fa-4x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">100% Free To Use</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-history fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-graduation-cap fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
<div class="row ">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class=" fa fa-paper-plane-o fa-4x"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Understand</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-bullhorn fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Jusr Light Weight</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="media">
<div class="pull-left">
<i class="fa fa-folder-open-o fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Only For You </h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--ABOUT SECTION END-->
<hr/>
<section id="services" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2> SERVICES</h2>
<p >
Lorem ipsumdolor sitamet, consect adipiscing elit
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-lock fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-quote-right fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-road fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Easy To Customize</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-retweet fa-4x "></i>
</div>
<div class="media-body">
<h3 class="media-heading">Free To Download</h3>
<p>
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
Aenean faucibus luctus enim. Duis quis sem risu suspend lacinia elementum nunc.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--SERVICES SECTION END-->
<hr />
<section id="contact" >
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<h2> CONTACT</h2>
<p >
Lorem ipsumdolor sitamet, consect adipiscing elit
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit.
Lorem ipsumdolor sitamet, consect adipiscing elit
</p>
</div>
</div>
<div class="row ">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center">
<form>
<label>YOUR NAME</label>
<div class="form-group" >
<input type="text" class="form-control" required="required" />
</div>
<label>YOUR EMAIL</label>
<div class="form-group" >
<input type="text" class="form-control" required="required" />
</div>
<label>YOUR MESSAGE</label>
<div class="form-group" >
<textarea name="message" id="message" required="required" class="form-control" style="min-height:120px;" ></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn custom-btn-1 btn-block">Submit Request</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!--CONTACT SECTION END-->
<div class="footer">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
<!-- CORE JQUERY -->
<script src="assets/plugins/jquery-1.10.2.js"></script>
<!-- BOOTSTRAP SCRIPTS -->
<script src="assets/plugins/bootstrap.js"></script>
<!-- EASING SCROLL SCRIPTS PLUGIN -->
<script src="assets/plugins/vegas/jquery.vegas.min.js"></script>
<!-- VEGAS SLIDESHOW SCRIPTS -->
<script src="assets/plugins/jquery.easing.min.js"></script>
<!-- CUSTOM SCRIPTS -->
<script src="assets/js/custom.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink