Difference between revisions of "Template:ECUST"

Line 1: Line 1:
 
<html>
 
<html>
 
 
 
 
<script>
 
<script>
  
Line 86: Line 83:
  
 
</script>
 
</script>
 
 
 
  
  
 
<style>
 
<style>
 
 
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 106: Line 98:
  
 
 
+
 
+
 
/**************************************************************** MENU ***************************************************************/
 
/**************************************************************** MENU ***************************************************************/
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
Line 451: Line 442:
  
  
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<!-- THIS IS WHERE THE HTML BEGINS -->
  
  
Line 458: Line 449:
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
  <meta name="viewport" content="width=device-width, initial-scale=1">  
 
   <title>iGEM--ECUST</title>
 
   <title>iGEM--ECUST</title>
 
   <link rel="stylesheet" href="https://2017.igem.org/Template:ECUST/bootstrap.css" media="screen">
 
   <link rel="stylesheet" href="https://2017.igem.org/Template:ECUST/bootstrap.css" media="screen">
 
   <link rel="stylesheet" href="https://2017.igem.org/Template:ECUST/bootstrap.min.css" media="screen">
 
   <link rel="stylesheet" href="https://2017.igem.org/Template:ECUST/bootstrap.min.css" media="screen">
<script src="https://2017.igem.org/Template:ECUST/jquery-1.11.1.min.js"></script>
+
  <script src="https://2017.igem.org/Template:ECUST/jquery-1.11.1.min.js"></script>
<script src="https://2017.igem.org/Template:ECUST/bootstrap.min.js"></script>
+
  <script src="https://2017.igem.org/Template:ECUST/bootstrap.min.js"></script>
  
  
</head>
+
</head>
  
 +
<body>
 +
  
  
Line 746: Line 739:
 
 
 
</div>
 
</div>
 
 
  
  
Line 757: Line 748:
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
 
<center><h1>TEAM:ECUST</h1></center>
 
<center><h1>TEAM:ECUST</h1></center>
 +
</div>
 +
 +
 +
<div class="navbar navbar-default navbar-fixed-top">
 +
  <div class="container" >
 +
    <div class="navbar-header">
 +
      <a href="#" class="navbar-brand">iGEM--ECUST</a>
 +
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
    </div>
 +
    <div class="navbar-collapse collapse" id="navbar-main">
 +
      <ul class="nav navbar-nav">
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Project<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#Background">Background</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Discription">Discription</a></li>
 +
              <li><a tabindex="-1" href="#Proof">Proof</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">HARDWARE<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#Proof">Design</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Product">Product</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">PART<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#TeamParts">Team&nbsp;Parts</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Improvements">Improvements</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">MODELLING<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#Introduction">Introduction</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Model">Model&nbsp;Of&nbsp;Reactor</a></li>
 +
              <li><a tabindex="-1" href="#Foster">Foster&nbsp;Theory</a></li>
 +
              <li><a tabindex="-1" href="#Output">Output</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">HUMON&nbsp;PRACTICE<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#Silver">Silver</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Gold">Gold</a></li>
 +
              <li><a tabindex="-1" href="#Collaboration">Collaboration</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li class="dropdown">
 +
            <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">LAB<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" aria-labelledby="themes">
 +
              <li><a tabindex="-1" href="#Team">Team</a></li>
 +
              <li class="divider"></li>
 +
              <li><a tabindex="-1" href="#Attribution">Attribution</a></li>
 +
              <li><a tabindex="-1" href="#Notebook">Notebook</a></li>
 +
              <li><a tabindex="-1" href="#Safety">Safety</a></li>
 +
            </ul>
 +
          </li>
 +
 +
          <li>
 +
            <a href="#INTERLAB">INTERLAB</a>
 +
          </li>
 +
       
 +
      </ul>
 +
      <form class="navbar-form navbar-left" style="width: 150px;">
 +
        <input type="text" class="form-control col-lg-4" placeholder="Search">
 +
      </form>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#Join">Join us</a></li>
 +
      </ul>
 +
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
 +
<div class="container" id="Background" style="width: 80%;height: 1532px;">
 +
  <div class="page-header" id="banner">
 +
          <div class="row">
 +
            <div class="col-md-6">
 +
              <h1>Background</h1>
 +
              <p class="lead">A calm blue sky</p>
 +
            </div>
 +
            <div class="col-md-6"></div>
 +
          </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-1"></div>
 +
    <div class="col-md-4">
 +
      <div class="panel panel-primary">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel primary</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          Panel content
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-md-2"></div>
 +
    <div class="col-md-4">
 +
      <div class="panel panel-primary">
 +
        <div class="panel-heading">
 +
          <h3 class="panel-title">Panel primary</h3>
 +
        </div>
 +
        <div class="panel-body">
 +
          Panel content
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div class="col-md-1"></div>
 +
  </div>
 +
</div>
 +
 +
 +
 +
<div class="container" id="Discription" style="width: 80%;height: 1500px;">
 +
  <div class="page-header">
 +
    <h1 id="tables">描述</h1>
 +
  </div>
 +
  <div class="row">
 +
    <p>banner-discription1</p>
 +
  </div>
 +
  <div class="row">
 +
    <p>banner-discription2</p>
 +
  </div>
 +
</div>
 +
 +
 +
<div class="container" id="Proof" style="width: 80%;height: 1500px;">
 +
  <div class="row">
 +
    <p>banner-discription1</p>
 +
  </div>
 +
 +
  <div class="bs-docs-section">
 +
    <div class="row">
 +
      <div class="col-lg-12">
 +
        <div class="page-header">
 +
          <h1 id="tables">Proof</h1>
 +
        </div>
 +
 +
        <div class="bs-example table-responsive">
 +
          <table class="table table-striped table-bordered table-hover">
 +
            <thead>
 +
              <tr>
 +
                <th>#</th>
 +
                <th>Column heading</th>
 +
                <th>Column heading</th>
 +
                <th>Column heading</th>
 +
              </tr>
 +
            </thead>
 +
            <tbody>
 +
              <tr>
 +
                <td>1</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr>
 +
                <td>2</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr>
 +
                <td>3</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr class="success">
 +
                <td>4</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr class="danger">
 +
                <td>5</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr class="warning">
 +
                <td>6</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
              <tr class="active">
 +
                <td>7</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
                <td>Column content</td>
 +
              </tr>
 +
            </tbody>
 +
          </table>
 +
        </div><!-- /example -->
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
 +
</body>
 +
</html>

Revision as of 09:33, 14 October 2017

iGEM--ECUST

TEAM:ECUST

Panel primary

Panel content

Panel primary

Panel content

banner-discription1

banner-discription2

banner-discription1

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content