|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html lang="zn-ch"> | + | <html> |
| <head> | | <head> |
- | <meta charset="utf-8">
| + | <link href="https://2013.igem.org/Team:SYSU-China/main.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
- | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| + | <link href="https://2013.igem.org/Team:SYSU-China/home_style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
- | <title>NBL-goat</title>
| + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> |
- | <meta http-equiv="X-UA-Compatible" content="chrome=1"><!--ie8浏览器-->
| + | </script> |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0"><!--移动设备-->
| + | <script src="https://2013.igem.org/Team:SYSU-China/animat.js?action=raw&ctype=text/javascript" type="text/javascript"></script> |
- | <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> |
- | <!---导航栏-->
| + | <h1>aaa</h1> |
- | <div class="navbar navbar-ghost"role="navigation">
| + | <div id="animat"> |
- | <div class="navbar-wrapper">
| + | <span> |
- | <div class="container-fluid" >
| + | <p>oo</p> |
- | <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| + | <img src="https://static.igem.org/mediawiki/2013/4/44/WIKI-MASCOT-STAND.png"></img> |
- | <div class="containter-fluid">
| + | </span> |
- | <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>
| + | <div class="navigater" align="center"> |
| + | <ul> |
| + | <li class="column" id="OVERVIEW"> |
| + | <span>OVERVIEW</span> |
| + | </li> |
| + | <li class="column" id="PROJECT"> |
| + | <span>PROJECT</span> |
| + | <ul> |
| + | <li> |
| + | <a href="">BACKGROUND</a> |
| + | </li> |
| + | <li> |
| + | <a href="">DESIGN</a> |
| + | </li> |
| + | <li> |
| + | <a href="">TOOLKIT</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li class="column" id="EXPERIMENT"> |
| + | <span>EXPERIMENT</span> |
| + | <ul> |
| + | <li> |
| + | <a href="">PROTOCOL</a> |
| + | </li> |
| + | <li> |
| + | <a href="">RESULTS</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li class="column" id="MODELING"> |
| + | <span></span> |
| + | <ul> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li class="column" id="HUMAN PRACTICE"> |
| + | <span></span> |
| + | <ul> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li class="column" id="FUTURE WORK"> |
| + | <span></span> |
| + | <ul> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li class="column" id="TEAM"> |
| + | <span></span> |
| + | <ul> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | <li> |
| + | <a href=""></a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| | | |
- | | + | </ul> |
- | <!---轮播-->
| + | |
- | <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>
| + | <div id="address" style="left: 509px;"><p>E-mail: igem.hust.china@gmail.com</p><p>HUST, China</p></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> |