Difference between revisions of "Team:SJTU-Software/humanPractice"

(Created page with "<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta nam...")
 
(Blanked the page)
 
(75 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!doctype html>
 
<html class="no-js">
 
<head>
 
  <meta charset="utf-8">
 
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
  <meta name="description" content="">
 
  <meta name="keywords" content="">
 
  <meta name="viewport"
 
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
  <title>Human practice</title>
 
  
  <!-- Set render engine for 360 browser -->
 
  <meta name="renderer" content="webkit">
 
 
  <!-- No Baidu Siteapp-->
 
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
 
 
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
 
 
  <!-- Add to homescreen for Chrome on Android -->
 
  <meta name="mobile-web-app-capable" content="yes">
 
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
 
 
  <!-- Add to homescreen for Safari on iOS -->
 
  <meta name="apple-mobile-web-app-capable" content="yes">
 
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
 
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
 
 
  <!-- Tile icon for Win8 (144x144 + tile color) -->
 
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
 
  <meta name="msapplication-TileColor" content="#0e90d2">
 
 
  <link rel="stylesheet" href="assets/css/amazeui.min.css">
 
  <link rel="stylesheet" href="assets/css/app.css">
 
  <link rel="stylesheet" href="loading.css">
 
  <link rel="stylesheet" href="wiki.css">
 
    <link rel="stylesheet" href="humanPractice.css">
 
</head>
 
<body>
 
<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
 
  <a href="#top" title="">
 
    <i class="am-gotop-icon am-icon-hand-o-up"></i>
 
  </a>
 
</div>
 
<nav class="scrollspy-nav" data-am-scrollspy-nav="{offsetTop: 45}" data-am-sticky>
 
  <ul class="am-avg-sm-7 am-thumbnails mainNav">
 
    <li class = "navItem">
 
      <a href="home">
 
        <img class="am-thumbnails navPhoto" id = "1" src="photo/wikinav/1-1.png" />
 
        <p class = "navPhoto">Home</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="project">
 
        <img class="am-thumbnails navPhoto" id = "2" src="photo/wikinav/2-1.png" />
 
        <p class = "navPhoto">Project</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="document">
 
        <img class="am-thumbnails navPhoto" id = "3" src="photo/wikinav/3-1.png" />
 
        <p class = "navPhoto">Document</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="requirement">
 
        <img class="am-thumbnails navPhoto" id = "4" src="photo/wikinav/4-1.png" />
 
        <p class = "navPhoto">Requirement</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="saftyPolicyconcern">
 
        <img class="am-thumbnails navPhoto" id = "5" src="photo/wikinav/5-1.png" />
 
        <p class = "navPhoto">Safty<br/>policy<br/>concern</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="humanPractice">
 
        <img class="am-thumbnails navPhoto" id = "6" src="photo/wikinav/6-2.png" />
 
        <p class = "navPhoto">Human<br/>practice</p>
 
      </a>
 
    </li>
 
    <li class = "navItem">
 
      <a href="team">
 
        <img class="am-thumbnails navPhoto" id = "7" src="photo/wikinav/7-1.png" />
 
        <p class = "navPhoto">Team</p>
 
      </a>
 
    </li>
 
  </ul>
 
</nav>
 
 
<div id = "home">
 
  <div class = "baseTitle">
 
    <p>Human practice</p>
 
  </div>
 
  <div class="base-frame" id = "home">
 
    <p class = "panelTitle">Human practice</p>
 
    <p>与其他队伍的各种合作,放各种照片啊海报啊balabala的……(pp)
 
    </p>
 
  </div>
 
 
  <div class = "homeFooter">
 
    <div class = "footLine"></div>
 
    <div class = "upperTria"></div>
 
  </div>
 
  <br/>
 
</div>
 
 
<div class = "am-g project">
 
  <nav class = "am-u-sm-3 navs">
 
    <ul class="am-thumbnails subNav fixed-nav" id = "ul1">
 
      <li class = "subNavItem">
 
        <a class="subNavItem" data-am-collapse="{target: '#collapse-nav'}" >Assessing Your Project</a>
 
        <nav>
 
        <ul id="collapse-nav" class="am-nav am-collapse ">
 
          <li class = "ayrNav" id = "ayr1"><a href = "#AYR" class = "scrollNav">Risk Assessment</a></li>
 
          <li class = "ayrNav" id = "ayr2"><a href = "#AYR" class = "scrollNav">Feasibility Assessment</a></li>
 
          <li class = "ayrNav" id = "ayr3"><a href = "#AYR" class = "scrollNav">End-User Considerations</a></li>
 
          <li class = "ayrNav" id = "ayr4"><a href = "#AYR" class = "scrollNav">Social Justice</a></li>
 
        </ul>
 
        </nav>
 
      </li>
 
      <li class = "subNavItem">
 
        <a class="subNavItem" data-am-collapse="{target: '#collapse-nav1'}">Helping the Practice of Science and Engineering</a>
 
        <nav>
 
        <ul id="collapse-nav1" class="am-nav am-collapse ">
 
          <li class = "hpceNav" id = "hpce1"><a href = "#HPCE" class = "scrollNav">Law and Regulation</a></li>
 
          <li class = "hpceNav" id = "hpce2"><a href = "#HPCE" class = "scrollNav">Safety</a></li>
 
          <li class = "hpceNav" id = "hpce3"><a href = "#HPCE" class = "scrollNav">Security</a></li>
 
        </ul>
 
        </nav>
 
      </li>
 
      <li><a class="subNavItem scrollNav"  href = "#PE">Public Engagement</a></li>
 
      <li><a class="subNavItem scrollNav"  href = "#CWW">Cooperate with wetlab(SYSU, BIO-X, TJU)</a></li>
 
    </ul>
 
  </nav>
 
  <div class = "am-u-sm-9 project-content">
 
    <a name = "AYR" id = "AYR"></a>
 
    <hr class = "border-line"/>
 
    <div class = "ayrContent">
 
      <p class = "ayr1">Risk Assessment</br>
 
        Our database is based on the IGEM official database which is opened for everyone, and our own database doesn’t come down to the tort.
 
The idea and software are original works, we never copy others work.
 
Our project is no isolated with any violence, eroticism and other opposite forces.
 
      </p>
 
      <p class = "ayr2">Feasibility Assessment
 
Our project reforms the database which is provided by the IGEM official website.
 
The algorithm is associated with the latest paper and the former experience. And it has been associated with lots of lab testification.
 
We did the User Survey (From the amateurs to the Professors)for three times to make sure the satisfaction and convenience of our project.
 
All the icon on UI is designed by ourselves from a researcher view, thus our project is more competitive than others.
 
      </p>
 
      <p class = "ayr3">End-User Considerations
 
Our software is aimed to the IGEMers and all the researchers who are interested in the synthetic biology.
 
It’s free
 
Web application
 
UI is designed user-friendly
 
      </p>
 
      <p class = "ayr4">铭姐没有给
 
      </p>
 
    </div>
 
  </div>
 
 
  <div class = "am-u-sm-9 project-content">
 
    <a name = "HPCE" id = "HPCE"></a>
 
    <hr class = "border-line"/>
 
    <div class = "hpceContent">
 
      <p class = "hpce1">铭姐没给
 
      </p>
 
      <p class = "hpce2">铭姐没给
 
      </p>
 
      <p class = "hpce3">Security
 
Our software is free to everyone but we will do the users survey by e-mail to collect the main purpose and satisficing information
 
      </p>
 
    </div>
 
  </div>
 
  <div class = "am-u-sm-9 project-content">
 
    <a name = "PE" id = "PE"></a>
 
    <hr class = "border-line"  />
 
    <div class = "peContent">暂时没有
 
    </div>
 
  </div>
 
  <div class = "am-u-sm-9 project-content">
 
    <a name = "CWW" id = "CWW"></a>
 
    <hr class = "border-line"/>
 
    <div class = "cwwContent">暂时没有
 
    </div>
 
  </div>
 
</div>
 
 
<div class = "content">
 
</div>
 
<!--[if (gte IE 9)|!(IE)]><!-->
 
<script src="assets/js/jquery.min.js"></script>
 
<script src="loading.js"></script>
 
<script src="humanPractice.js"></script>
 
<script src="main.js"></script>
 
<script src="assets/js/jquery.nicescroll.js"></script>
 
<!--<![endif]-->
 
<!--[if lte IE 8 ]>
 
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
 
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
 
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
 
<![endif]-->
 
<script src="assets/js/amazeui.min.js"></script>
 
</body>
 
</html>
 

Latest revision as of 23:39, 18 September 2015