Team:UESTC/human practice

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:UESTC/hidden}}
{{Team:UESTC/hidden}}
-
<html ng-app="main">
+
<html>
<head>
<head>
-
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
+
    <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
+
<style type="text/css">
-
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
+
-
    <script type="text/javascript">
+
-
    angular.module('main', ['ui.bootstrap']);
+
-
var TabsCtrl = function ($scope) {
+
-
+
-
  $scope.navType = 'pills';
+
-
};
+
-
    </script>
+
-
    <style type="text/css">
+
         .panel {
         .panel {
             width:100%;
             width:100%;
         }
         }
-
 
     </style>
     </style>
-
     <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
+
     <link href="https://2013.igem.org/Team:UESTC/hp.css?action=raw&ctype=text/css" rel="stylesheet" />
     <!-- javascript for responsive drop menu -->
     <!-- javascript for responsive drop menu -->
     <script type="text/javascript">
     <script type="text/javascript">
Line 83: Line 73:
</head>
</head>
<body>
<body>
-
<nav class="panel">
+
<nav class="panel">
         <a class="toggleMenu" href="#">Menu</a>
         <a class="toggleMenu" href="#">Menu</a>
         <ul class="nav">
         <ul class="nav">
Line 118: Line 108:
</ul><!-- end of .nav ul-->
</ul><!-- end of .nav ul-->
     </nav>
     </nav>
-
  <div ng-controller="TabsCtrl">
+
    <div class="panel" id="hp">
-
+
        <div id="action_info">
-
 
+
            <h1>Human Practice</h1>
-
  <tabset vertical="true" type="navType">
+
            <div id="ibricks_show">
-
    <tab heading="Vertical 1">Vertical content 1</tab>
+
            <h2>iBricks</h2>
-
    <tab heading="Vertical 2">Vertical content 2</tab>
+
            <p>to popularize the concept of synthetic biology and encourage more people to involve in it, we design an interesting video game, iBricks.</p>
-
  </tabset>
+
            <a href="#">Download</a>
-
</div>
+
            <div class="video-wrap">
 +
            <img src="">
 +
            <video loop preload="metadata">
 +
            <source src="">
 +
            </video>
 +
            </div>
 +
            </div>
 +
        </div><!-- end of #action_info -->
 +
    </div><!--- end of #hp -->
</body>
</body>
</html>
</html>

Revision as of 01:27, 27 October 2013

hidde original style

Hello,welcome to visit our Wiki, for better view, please use chrome, firefox, safari .etc modern browser.

Human Practice

iBricks

to popularize the concept of synthetic biology and encourage more people to involve in it, we design an interesting video game, iBricks.

Download

Retrieved from "http://2013.igem.org/Team:UESTC/human_practice"