Team:NYMU-Taipei/desing/Templates/Header

From 2011.igem.org

(Difference between revisions)

Revision as of 02:38, 5 October 2011

Horizontal Slide Menu

Design / Experiment

Hello world =)

This is the story of iD Avatar, the optomagnetogenetic bacterium

an synthetic biology approach for non-invasive wireless DBS

Idea

Concept

Background Review

Brainstorming

Design/

Experiments

Optomagnetic Design

Protein Modelling

Immunological Solution

Chassis

SynthoPrime

Lab Protocol

Results

Optomagnetic Bacteria

Immunological Solution

International Collaboration

Science, Technology, Society

Synthetic Neurbiology

Human Practice

Evaluation & Safety Assess.

About Us

The School

The Team

China Meetup

Home

Idea

Design / Exp

Results

STS

About Us

<

>

@@ Line 1: / Line 1: @@
 {{:Team:NYMU-Taipei/Templates/Header/menu}}
-<!DOCTYPE html>
 <html>
   <head>
@@ Line 9: / Line 8: @@
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/site_global.css"/>
-   <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/design--experiment.css"/>
+   <link rel="stylesheet" type="text/css" href="http://gel.ym.edu.tw/~evelyn132/igem/css/designexperiment.css"/>
     </head>
   <body>
@@ Line 15: / Line 14: @@
    <div class="clearfix" id="page"><!-- column -->
     <div class="clearfix colelem" id="master-header"><!-- group -->
-        <div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group -->
+    <a class="nonblock nontext grpelem" id="n1" href="https://2011.igem.org/Team:NYMU-Taipei"><!-- rasterized frame --><img id="n1_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u3804.png" alt="Yang Ming University
+" width="310" height="58"/></a>
+    <a class="nonblock nontext grpelem" id="n7" href="https://2011.igem.org/Team:NYMU-Taipei"><!-- rasterized frame --><img id="n7_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u3866.png" alt="Taipei, Taiwan" width="204" height="43"/></a>
+    <div class="PamphletWidget clearfix grpelem" id="pamphlet"><!-- group -->
+     <div class="popup_anchor">
+      <div class="ContainerGroup clearfix" id="n11"><!-- stack box -->
+       <div class="Container clearfix grpelem" id="n12"><!-- group -->
+        <div class="grpelem" id="n13"><!-- image -->
+         <img id="n13_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6422.jpg" alt="" width="942" height="487"/>
+        </div>
+        <div class="clearfix grpelem" id="n15"><!-- content -->
+         <p id="n17">Hello world <span id="n19">=)</span></p>
+        </div>
+        <div class="clearfix grpelem" id="n20"><!-- content -->
+         <p id="n22">&nbsp; </p>
+        </div>
+        <div class="clearfix grpelem" id="n24"><!-- content -->
+         <p id="n26">This is the story of iD Avatar, the optomagnetogenetic bacterium</p>
+         <p id="n28">an synthetic biology approach for non&#45;invasive wireless DBS </p>
+        </div>
+       </div>
+       <div class="Container clearfix grpelem" id="n30"><!-- group -->
+        <div class="grpelem" id="n31"><!-- image -->
+         <img id="n31_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6430.jpg" alt="" width="922" height="440"/>
+        </div>
+        <div class="clearfix grpelem" id="n33"><!-- content -->
+         <p id="n35">Idea</p>
+        </div>
+        <div class="clearfix grpelem" id="n37"><!-- content -->
+         <p id="n39"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/concept-on-interface-and-biomedicine"><span id="n41">Concept</span></a></p>
+         <p id="n42"><span id="n43">Background </span><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/background-review"><span id="n45">Review</span></a></p>
+         <p id="n46"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/brainstorming-(tagcloud)"><span id="n48">Brainstorming</span></a></p>
+         <p id="n49">&nbsp; </p>
+         <p id="n51">&nbsp; <span id="n52"></span></p>
+        </div>
+       </div>
+       <div class="Container clearfix grpelem" id="n53"><!-- group -->
+        <div class="grpelem" id="n54"><!-- image -->
+         <img id="n54_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6425.jpg" alt="" width="711" height="474"/>
+        </div>
+        <div class="clearfix grpelem" id="n56"><!-- content -->
+         <p id="n58">Design/</p>
+         <p id="n60">Experiments</p>
+        </div>
+        <div class="clearfix grpelem" id="n62"><!-- content -->
+         <p id="n64"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design"><span id="n66">Optomagnetic Design</span></a></p>
+         <p id="n67"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/modelling-protein-structure-champ-design"><span id="n69">Protein Modelling</span></a></p>
+         <p id="n70"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution"><span id="n72">Immunological Solution</span></a></p>
+         <p id="n73"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/chassis"><span id="n75">Chassis</span></a></p>
+         <p id="n76"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/synthoprime"><span id="n78">SynthoPrime</span></a></p>
+         <p id="n79"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/lab-protocols"><span id="n81">Lab Protocol</span></a></p>
+        </div>
+       </div>
+       <div class="Container clearfix grpelem" id="n82"><!-- group -->
+        <div class="grpelem" id="n83"><!-- rasterized frame -->
+         <img id="n83_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6436.png" alt="" width="857" height="468"/>
+        </div>
+        <div class="clearfix grpelem" id="n85"><!-- content -->
+         <p id="n87">Results</p>
+        </div>
+        <div class="clearfix grpelem" id="n89"><!-- content -->
+         <p id="n91"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design1"><span id="n93">Optomagnetic Bacteria</span></a></p>
+         <p id="n94"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution"><span id="n96">Immunological Solution</span></a></p>
+         <p id="n97"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/chassis"><span id="n99">Chassis</span></a></p>
+         <p id="n100"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/parts"><span id="n102">Parts</span></a></p>
+         <p id="n103"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/lab-journals"><span id="n105">Lab Journal</span></a></p>
+         <p id="n106"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/achievements"><span id="n108">Achievements</span></a></p>
+         <p id="n109"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/international-collaboration(bloc-magneto-worldwide)"><span id="n111">International Collaboration</span></a></p>
+         <p id="n112">&nbsp; <span id="n113"></span></p>
+        </div>
+       </div>
+       <div class="Container clearfix grpelem" id="n114"><!-- group -->
+        <div class="grpelem" id="n115"><!-- image -->
+         <img id="n115_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/17optic-articlelarge.jpg" alt="" width="615" height="338"/>
+        </div>
+        <div class="grpelem" id="n117"><!-- image -->
+         <img id="n117_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/parkinson_surgery.jpg" alt="" width="327" height="488"/>
+        </div>
+        <div class="clearfix grpelem" id="n119"><!-- content -->
+         <p id="n121">Science, Technology, Society</p>
+        </div>
+        <div class="clearfix grpelem" id="n123"><!-- content -->
+         <p id="n125"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/synthetic-neurobiology"><span id="n127">Synthetic</span> <span id="n129">Neurbiology</span></a></p>
+         <p id="n130"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/human-practices"><span id="n132">Human Practice</span></a></p>
+         <p id="n133"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/evaluation---safety-assessment"><span id="n135">Evaluation &amp; Safety Assess.</span></a></p>
+        </div>
+       </div>
+       <div class="Container clearfix grpelem" id="n136"><!-- group -->
+        <div class="grpelem" id="n137"><!-- image -->
+         <img id="n137_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/master_u6412.jpg" alt="" width="915" height="475"/>
+        </div>
+        <div class="clearfix grpelem" id="n139"><!-- content -->
+         <p id="n141">About Us</p>
+        </div>
+        <div class="clearfix grpelem" id="n143"><!-- content -->
+         <p id="n145"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/the-school"><span id="n147">The School</span></a></p>
+         <p id="n148"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/the-team"><span id="n150">The Team</span></a></p>
+         <p id="n151"><a class="nonblock" href="https://2011.igem.org/Team:NYMU-Taipei/china-meetup"><span id="n153">China Meetup</span></a></p>
+        </div>
+        <div class="grpelem" id="n154"><!-- image -->
+         <img id="n154_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/nymulogo_trans.png" alt="" width="916" height="253"/>
+        </div>
+       </div>
+      </div>
+     </div>
       <div class="ThumbGroup clearfix grpelem" id="n156"><!-- none box -->
        <div class="popup_anchor">
         <div class="pointer_cursor Thumb popup_element clearfix" id="n157"><!-- group -->
-         <a class="block" href="index.html"></a>
+         <a class="block" href="https://2011.igem.org/Team:NYMU-Taipei"></a>
-         <a class="nonblock nontext clearfix grpelem" id="n158" href="index.html"><!-- content --><p id="n160">Home</p></a>
+         <a class="nonblock nontext clearfix grpelem" id="n158" href="https://2011.igem.org/Team:NYMU-Taipei/"><!-- content --><p id="n160">Home</p></a>
         </div>
        </div>
-      <div class="popup_anchor">
-        <a class="nonblock nontext Thumb popup_element target_blank clearfix" id="n162" href="idea.html"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">Idea</p></div></a>
+  <div class="popup_anchor">
+        <a class="nonblock nontext Thumb popup_element clearfix" id="n162" href=" https://2011.igem.org/Team:NYMU-Taipei/idea"><!-- group --><div class="clearfix grpelem" id="n163"><!-- content --><p id="n165">Idea</p></div></a>
        </div>
        <div class="popup_anchor">
-        <a class="nonblock nontext Thumb MuseLinkActive popup_element clearfix" id="n167" href="design--experiment.html"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">Design / Exp</p></div></a>
+        <a class="nonblock nontext Thumb MuseLinkActive popup_element clearfix" id="n167" href="https://2011.igem.org/Team:NYMU-Taipei/design--experiment"><!-- group --><div class="clearfix grpelem" id="n168"><!-- content --><p id="n170">Design / Exp</p></div></a>
        </div>
        <div class="popup_anchor">
-        <a class="nonblock nontext Thumb popup_element clearfix" id="n172" href="results--performances.html"><!-- group --><div class="clearfix grpelem" id="n173"><!-- content --><p id="n175">Results</p></div></a>
+        <a class="nonblock nontext Thumb popup_element clearfix" id="n172" href="https://2011.igem.org/Team:NYMU-Taipei/results--performances"><!-- group --><div class="clearfix grpelem" id="n173"><!-- content --><p id="n175">Results</p></div></a>
        </div>
        <div class="popup_anchor">
-        <a class="nonblock nontext Thumb popup_element clearfix" id="n177" href="science%2C-technology%2C-society.html"><!-- group --><div class="clearfix grpelem" id="n178"><!-- content --><p id="n180">STS</p></div></a>
+        <a class="nonblock nontext Thumb popup_element clearfix" id="n177" href="https://2011.igem.org/Team:NYMU-Taipei/science%2C-technology%2C-society"><!-- group --><div class="clearfix grpelem" id="n178"><!-- content --><p id="n180">STS</p></div></a>
        </div>
        <div class="popup_anchor">
-        <a class="nonblock nontext Thumb popup_element clearfix" id="n182" href="about-us.html"><!-- group --><div class="clearfix grpelem" id="n183"><!-- content --><p id="n185">About Us</p></div></a>
+        <a class="nonblock nontext Thumb popup_element clearfix" id="n182" href="https://2011.igem.org/Team:NYMU-Taipei/about-us"><!-- group --><div class="clearfix grpelem" id="n183"><!-- content --><p id="n185">About Us</p></div></a>
        </div>
       </div>
+      <div class="popup_anchor">
+      <div class="PamphletPrevButton PamphletLightboxPart popup_element clearfix" id="n187"><!-- group -->
+       <div class="clearfix grpelem" id="n188"><!-- content -->
+        <p id="n190">&lt;</p>
+       </div>
+      </div>
+     </div>
+     <div class="popup_anchor">
+      <div class="PamphletNextButton PamphletLightboxPart popup_element clearfix" id="n192"><!-- group -->
+       <div class="clearfix grpelem" id="n193"><!-- content -->
+        <p id="n195">&gt;</p>
+       </div>
+      </div>
       </div>
      </div>
+    <a class="nonblock nontext grpelem" id="n197" href="https://2011.igem.org/Main_Page"><!-- image --><img id="n197_img" src="http://gel.ym.edu.tw/~evelyn132/igem/image/nymu-logo.png" alt="" width="134" height="109"/></a>
      <div class="clearfix grpelem" id="n199"><!-- content -->
       <p>&nbsp; </p>
@@ Line 52: / Line 169: @@
       <li class="MenuItemContainer clearfix grpelem" id="n204"><!-- vertical box -->
        <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n205"><!-- horizontal box -->
-        <a class="block" href="optomagnetic-design.html"></a>
+        <a class="block" href="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design"></a>
-        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n206" href="optomagnetic-design.html"><!-- content --><p id="n208">Optomagnetic Design</p></a>
+        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n206" href="https://2011.igem.org/Team:NYMU-Taipei/optomagnetic-design"><!-- content --><p id="n208">Optomagnetic Design</p></a>
         <div class="grpelem" id="n210"><!-- image --></div>
        </div>
@@ Line 60: / Line 177: @@
          <li class="MenuItemContainer clearfix colelem" id="n213"><!-- horizontal box -->
           <div class="MenuItem MenuItemWithSubMenu clearfix grpelem" id="n214"><!-- horizontal box -->
-           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n215" href="modelling-protein-structure-champ-design.html"><!-- content --><p id="n217">Protein Modelling</p></a>
+           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n215" href="https://2011.igem.org/Team:NYMU-Taipei/modelling-protein-structure-champ-design"><!-- content --><p id="n217">Protein Modelling</p></a>
           </div>
          </li>
          <li class="MenuItemContainer clearfix colelem" id="n219"><!-- horizontal box -->
           <div class="MenuItem MenuItemWithSubMenu clearfix grpelem" id="n220"><!-- horizontal box -->
-           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n221" href="immunological-solution.html"><!-- content --><p id="n223">Immunological Solution</p></a>
+           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n221" href="https://2011.igem.org/Team:NYMU-Taipei/immunological-solution"><!-- content --><p id="n223">Immunological Solution</p></a>
           </div>
          </li>
          <li class="MenuItemContainer clearfix colelem" id="n225"><!-- horizontal box -->
           <div class="MenuItem MenuItemWithSubMenu clearfix grpelem" id="n226"><!-- horizontal box -->
-           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n227" href="chassis.html"><!-- content --><p id="n229">Chassis</p></a>
+           <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n227" href="https://2011.igem.org/Team:NYMU-Taipei/chassis"><!-- content --><p id="n229">Chassis</p></a>
           </div>
          </li>
@@ Line 78: / Line 195: @@
       <li class="MenuItemContainer clearfix grpelem" id="n231"><!-- vertical box -->
        <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n232"><!-- horizontal box -->
-        <a class="block" href="synthoprime.html"></a>
+        <a class="block" href="https://2011.igem.org/Team:NYMU-Taipei/synthoprime"></a>
-        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n233" href="synthoprime.html"><!-- content --><p id="n235">SynthoPrime</p></a>
+        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n233" href="https://2011.igem.org/Team:NYMU-Taipei/synthoprime"><!-- content --><p id="n235">SynthoPrime</p></a>
        </div>
       </li>
       <li class="MenuItemContainer clearfix grpelem" id="n237"><!-- vertical box -->
        <div class="pointer_cursor MenuItem MenuItemWithSubMenu clearfix colelem" id="n238"><!-- horizontal box -->
-        <a class="block" href="lab-protocols.html"></a>
+        <a class="block" href="https://2011.igem.org/Team:NYMU-Taipei/lab-protocols"></a>
-        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n239" href="lab-protocols.html"><!-- content --><p id="n241">Lab Protocol</p></a>
+        <a class="nonblock nontext MenuItemLabel NoWrap clearfix grpelem" id="n239" href="https://2011.igem.org/Team:NYMU-Taipei/lab-protocols"><!-- content --><p id="n241">Lab Protocol</p></a>
        </div>
       </li>
      </ul>
     </div>
    </div>
    <!-- JS includes -->