Safety.html
From 2014.igem.org
(Difference between revisions)
(Replaced content with "<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head> <body> <h1>aaa</h1> <button>aliya</button> <button>bai</button...") |
|||
Line 1: | Line 1: | ||
- | <html> | + | <html lang="zn-ch"> |
<head> | <head> | ||
- | < | + | <meta charset="utf-8"> |
- | </script> | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
+ | <title>NBL-goat</title> | ||
+ | <meta http-equiv="X-UA-Compatible" content="chrome=1"><!--ie8浏览器--> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"><!--移动设备--> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
+ | <!---bai style--> | ||
+ | <style type="text/css"> | ||
+ | body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;} | ||
+ | p.style1{padding-left: 10cm;padding-right: 10cm;} | ||
+ | body{background-attachment: fixed;background-color: rgb(119,119,119);background-image:url("./background.png ");background-repeat: no-repeat;background-size: auto;} | ||
+ | </style> | ||
+ | <link href="./css/bootstrap.min.css" rel="stylesheet"> | ||
+ | <link rel=”apple-touch-icon-precomposed” href=”icon.png” /> <!--苹果显示图标--> | ||
+ | <!--兼容ie8\9\10\11和windows 8要加<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>等--> | ||
</head> | </head> | ||
- | <body> | + | <body > |
- | + | <!---导航栏--> | |
- | <button> | + | <div class="navbar navbar-ghost"role="navigation"> |
- | <button> | + | <div class="navbar-wrapper"> |
+ | <div class="container-fluid" > | ||
+ | <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | ||
+ | <div class="containter-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <a class="navbar-brand" href="#"> | ||
+ | <img alt="Brand" src="./aaa.png"> | ||
+ | </a> | ||
+ | <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <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="#">Goat Genome Database</a> | ||
+ | </div> | ||
+ | <div class="navbar-collapse collapse"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li class=""> | ||
+ | <a href="#">Home</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#Goats">Goats</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#Species">Species</a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle"herf="#Tools"data-toggle="dropdown"> | ||
+ | Tools | ||
+ | <span class="caret"></span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu"role="menu"> | ||
+ | <li> | ||
+ | <a href="#">ACTION</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">doubi</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">yinfeng</a> | ||
+ | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="dropdown-header">panpan</li> | ||
+ | <li> | ||
+ | <a href="#">wo</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#goat_download">Download <span class="glyphicon glyphicon-download-alt"></span></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <form class="navbar-form navbar-right" role="search" action="search.php"method="post"> | ||
+ | <div class="form-group"> | ||
+ | <input class="form-control " type="text" placeholder="Search ID"name="id"> | ||
+ | </div> | ||
+ | <button type="submit" class="btn btn-default "mane="submit"value="search"><span class="glyphicon glyphicon-search"style=""></span></button> | ||
+ | </form> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!---轮播--> | ||
+ | <div class="navbar navbar-ghost"role="navigation"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3"></div> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-8 col-xs-6"> | ||
+ | <div class="carousel slide" id="myCarousel" data-ride="carousel"> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#myCarousel" data-slide-to="2"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="1"></li> | ||
+ | <li class="active" data-target="#myCarousel" data-slide-to="0"></li> | ||
+ | </ol> | ||
+ | <div class="carousel-inner"role="carousel" > | ||
+ | <div class="item active"> | ||
+ | <img alt="First slide" src="./goat.jpg" align="center" max-width="100%"height="200px"></img> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>NBL</h1> | ||
+ | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. | ||
+ | </p> | ||
+ | <p><a class="btn btn-lg btn-primary" role="button" href="#">Learn more</a> | ||
+ | </p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img alt="Second slide" src="./yang1.jpg" align="center"max-width="100%" height="200px"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>two</h1> | ||
+ | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> | ||
+ | <p><a class="btn btn-lg btn-primary" role="button" href="#">Learn more</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img alt="Third slide" src="./yang2.png" align="center"max-width="100%" height="200px"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>three</h1> | ||
+ | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> | ||
+ | <p><a class="btn btn-lg btn-primary" role="button" href="#">Learn more</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" role="button" href="#myCarousel" data-slide="prev"style="background-color:transparent;"> | ||
+ | <span class="glyphicon glyphicon-chevron-left"></span> | ||
+ | <span class="sr-only">Previous</span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" role="button" href="#myCarousel" data-slide="next"style="background-color:transparent;"> | ||
+ | <span class="glyphicon glyphicon-chevron-right"></span> | ||
+ | <span class="sr-only">Next</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!---附加导航与主页--> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row-fluid"> | ||
+ | <!--div class="span3 bs-docs-sidebar"--> | ||
+ | <div class="col-xs-6 col-sm-3 col-md-2"> | ||
+ | <div class="pull-left hidden-sm"> | ||
+ | <div class="left-col tag-siderbar"> | ||
+ | <div class ="pin-wrapper"style="height:400px;"> | ||
+ | <ul class="nav pinned"style="width:168px;left:50px;top: 210px;position:fixed;border-bottom-color:33ccff";> | ||
+ | <li class="active"> | ||
+ | <a href="#guicksearch"> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | Quick Search | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a href="#gbrowser"> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | Gbrowser | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a href="http://192.168.12.121:4567/"> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | BLAST | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a href="#TE"> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | TE | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a href="#rna"> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | RNA-Seq Search | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a href="#termlink"> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> | ||
+ | <i class="icon-chevron-right"></i> | ||
+ | TermLink | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class=""> | ||
+ | <a class="back to top" href="#top"> | ||
+ | <span class="glyphicon glyphicon-paperclip"></span> back to top</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-12 xcol-sm-6 col-md-8"> | ||
+ | <div class="center-block"> | ||
+ | |||
+ | <div class="containter"> | ||
+ | <div class="well" > | ||
+ | <header> | ||
+ | <h1 herf="#" align="center"> | ||
+ | Quick Search | ||
+ | </h1> | ||
+ | </header> | ||
+ | <div> | ||
+ | <ul class="nav nav-tabs" role="tablist" id="myTab"> | ||
+ | <li class="active"><a href="#Simple" role="tab" data-toggle="tab">Simple</a></li> | ||
+ | <li><a href="#Expression" role="tab" data-toggle="tab">Expression</a></li> | ||
+ | <li><a href="#Scaffold" role="tab" data-toggle="tab">Scaffold</a></li> | ||
+ | <li><a href="#GO" role="tab" data-toggle="tab">GO</a></li> | ||
+ | <li><a href="#Reference" role="tab" data-toggle="tab">Reference</a></li> | ||
+ | <li><a href="#Human" role="tab" data-toggle="tab">Human Disease</a></li> | ||
+ | </ul> | ||
+ | <hr> | ||
+ | <div class="tab-content"> | ||
+ | <div class="tab-pane active" id="Simple"> | ||
+ | <fieldset> | ||
+ | <form class="form-horizontal"> | ||
+ | <div class="control-group"> | ||
+ | <!-- Prepended checkbox --> | ||
+ | <label class="control-label col-sm-2">Species</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <label class="checkbox "> | ||
+ | <input type="checkbox" value="include non-Dmel species"align="center"> | ||
+ | include non-Dmel species | ||
+ | </label> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-2">Enter text</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="control-group "> | ||
+ | <label class="control-label col-sm-2"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <button class="btn btn-success">search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </form> | ||
+ | </fieldset> | ||
+ | </div> | ||
+ | |||
+ | <div class="tab-pane" id="Expression"> | ||
+ | <form class="form-horizontal"> | ||
+ | <fieldset> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-2">Species</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <!-- Multiple Checkboxes --> | ||
+ | <label class="checkbox"> | ||
+ | <input type="checkbox" value="include non-Dmel species"> | ||
+ | include non-Dmel species | ||
+ | </label> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-2">Stage</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""> | ||
+ | <p class="help-block">e.g.,third instar larval stage</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-2">Tissue</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""> | ||
+ | <p class="help-block">e.g.,neuron</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-2">Cell Loc</label> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""> | ||
+ | <p class="help-block">e.g.,growth cone</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group "> | ||
+ | <label class="control-label col-sm-2"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-10"> | ||
+ | <button class="btn btn-success">Search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </fieldset> | ||
+ | </form> | ||
+ | </div> | ||
+ | |||
+ | <div class="tab-pane" id="Scaffold"> | ||
+ | <fieldset> | ||
+ | <form class="form-horizontal"action="scaffold.php"method="post"> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Scaffold Start</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""name="scafStart"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Scaffold End</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder=""name="scafEnd"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-3"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <button class="btn btn-success"type="submit"name="submit">Search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </form> | ||
+ | </fieldset> | ||
+ | </div> | ||
+ | |||
+ | <div class="tab-pane" id="GO" > | ||
+ | <form class="form-horizontal"role="search" action="go.php"method="post"> | ||
+ | <fieldset> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Enter ID</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" name="goid"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-3"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <button type="submit" name="submit"class="btn btn-success">Search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </fieldset> | ||
+ | </form> | ||
+ | </div> | ||
+ | |||
+ | <div class="tab-pane" id="Reference"> | ||
+ | <form class="form-horizontal"> | ||
+ | <fieldset> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Author(s)</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="e.g.'Smith NOT Johnson'"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Year(s)</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="e.g.'2004-2008','>2001',etc"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Title/Abstract</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="search Title and Abstract text"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Journal</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="e.g.'Dev.Biol'"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-3"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <button class="btn btn-success">Search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </fieldset> | ||
+ | </form> | ||
+ | </div> | ||
+ | |||
+ | <div class="tab-pane" id="Human"> | ||
+ | <form class="form-horizontal"> | ||
+ | <fieldset> | ||
+ | <div class="control-group"> | ||
+ | <!-- Search input--> | ||
+ | <label class="control-label col-sm-3">Disease term</label> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="Human disease or health condition"> | ||
+ | <p class="help-block"></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-3"></label> | ||
+ | <!-- Button --> | ||
+ | <div class="controls col-sm-9"> | ||
+ | <button class="btn btn-success">Search</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </fieldset> | ||
+ | </form> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | $(function () { | ||
+ | $('#myTab a:last').tab('show') | ||
+ | }) | ||
+ | </script> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <section class="panel-footer "> | ||
+ | <div > | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | Wild cards (*) can be added to your search term | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | |||
+ | |||
+ | <div class="containter"> | ||
+ | <div class="well" > | ||
+ | <header> | ||
+ | <h1 align="center"id="gbrowser"> | ||
+ | GBroswer | ||
+ | </h1> | ||
+ | <a href="./gbrowse.html"> | ||
+ | <p> | ||
+ | <img src="./gbrowse.png"class="img-responsive" alt="Responsive image"> | ||
+ | </p> | ||
+ | </a> | ||
+ | </header> | ||
+ | <section class="panel-footer "> | ||
+ | <div > | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div class="containter"> | ||
+ | <div class="well"> | ||
+ | <header> | ||
+ | <h1 id="blast" align="center"> | ||
+ | BLAST | ||
+ | </h1> | ||
+ | <a herf="./BLAST.html"> | ||
+ | <p> | ||
+ | <img src="./blast.jpg" class="img-responsive" alt="Responsive image"align="center"> | ||
+ | </p> | ||
+ | </a> | ||
+ | </header> | ||
+ | <section class="panel-footer post-meta"> | ||
+ | <div class="post-tags"> | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div class="containter"> | ||
+ | <div class="well" > | ||
+ | <header> | ||
+ | <h1 herf="./TE.html" align="center"id="TE"> | ||
+ | TE | ||
+ | </h1> | ||
+ | <form class="form-horizontal"> | ||
+ | <fieldset> | ||
+ | <div class="control-group"> | ||
+ | <label class="control-label col-sm-4">TE</label> | ||
+ | <div class="controls col-sm-8"> | ||
+ | <input class="input-xlarge search-query" type="text" placeholder="TE-ID or Scaffold"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div class="control-group"align="center"> | ||
+ | <button class="btn btn-success">Submit</button> | ||
+ | </div> | ||
+ | </fieldset> | ||
+ | </form> | ||
+ | </header> | ||
+ | <section class="panel-footer "> | ||
+ | <div > | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div class="containter"> | ||
+ | <div class="well" > | ||
+ | <header> | ||
+ | <h1 herf="./rna-seq.html" align="center"id="rna"> | ||
+ | RNA-seq | ||
+ | </h1> | ||
+ | <a href="./rna-seq.html"> | ||
+ | <p> | ||
+ | <img src="./rna.jpg"class="img-responsive" alt="Responsive image"align="center"> | ||
+ | </p> | ||
+ | </a> | ||
+ | </header> | ||
+ | <section class="panel-footer "> | ||
+ | <div > | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | <div class="containter"> | ||
+ | <div class="well" > | ||
+ | <header> | ||
+ | <h1 herf="./termlink.html" align="center"id="termlink"> | ||
+ | Link | ||
+ | </h1> | ||
+ | <p> | ||
+ | <img src="./link.jpg"class="img-responsive" alt="Responsive image"herf="#"> | ||
+ | </p> | ||
+ | </header> | ||
+ | <section class="panel-footer "> | ||
+ | <div > | ||
+ | <span class="glyphicon glyphicon-tags"></span> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <hr> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!---footer--> | ||
+ | <div class="navbar navbar-ghost " role="navigation"> | ||
+ | <footer > | ||
+ | <div class="panel panel-default"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12"> | ||
+ | <h3 align="center">CONNECT WITH US</h3> | ||
+ | <div class="col-md-6"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <span class="glyphicon glyphicon-envelope"></span> | ||
+ | <h5>Contact<h5> | ||
+ | <p>Tel : +86-871-5193359 | ||
+ | </p> | ||
+ | |||
+ | <p>Fax : +86-871-5191823 | ||
+ | </p> | ||
+ | |||
+ | <p>E-mail : | ||
+ | </p> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <span class="glyphicon glyphicon-leaf"></span> | ||
+ | <h5>Address<h5> | ||
+ | <p>No.32 East Jiaochang Road Kunming 650223 Yunnan,China | ||
+ | </p> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!---链接--> | ||
+ | <script src="./js/jquery.min.js"></script> | ||
+ | <script src="./js/jquery.pin.js"></script> | ||
+ | <script src="./js/bootstrap.min.js"></script> | ||
+ | <script src=".js/holder.min.js"></script> | ||
+ | <script src=".js/prettify.js"></script> | ||
+ | <script src="./js/application.js"></script> | ||
+ | <script type="text/javascript"> | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 03:00, 9 October 2014