Team:SUSTC-Shenzhen-B

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{SUSTC-TTEC}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
{{SUSTC-slide}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Beauty Class Theme - Free CSS Template</title>
 +
<meta name="keywords" content="beauty class, free theme, website design, bokehs, pink, orange, templatemo, CSS, HTML" />
 +
<meta name="description" content="Beauty Class Theme, pinky background gradient with bokehs, free CSS template provided by templatemo.com" />
 +
<link href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/templatemo_style.css" rel="stylesheet" type="text/css" />
-
<html>
+
<link rel="stylesheet" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/nivo-slider.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" type="text/css" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/ddsmoothmenu.css" />
-
body {
+
<script language="javascript" type="text/javascript">
-
background-color: #00FFFFR;
+
function clearText(field)
 +
{
 +
    if (field.defaultValue == field.value) field.value = '';
 +
    else if (field.value == '') field.value = field.defaultValue;
}
}
-
<body>
+
</script>
-
<br>
+
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery.min.js"></script>
-
</br>
+
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/ddsmoothmenu.js">
-
  <h1>
+
-
    Project Overview
+
-
  </h1>
+
-
<h3> Abstract</h3>
+
-
Abstract
+
-
Termination is one of the most important processes in synthetic biology, that every new synthesis needs a proper terminator. We hope to help scientists design their needed terminators through a computer program which satisfy the proper terminator efficiency. Thus the project is about programming the program of designing terminators.
+
-
<br></br>
+
/***********************************************
 +
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 +
***********************************************/
 +
</script>
-
<h3>Motivation </h3>
+
<script type="text/javascript">
-
Because of the must of designing the terminators, scientists need to find the unique proper terminators nearly during every synthesis, and that’s a tough work to be done. If we can deal with the problem that they only need to input the sequence of their designed parts and the terminator efficiency they want on their laptops, tablets, even iphones, and then our program can immediately output the terminators on the screen, which they can use directly in their productions. It will save plenty of time.
+
-
<br></br>
+
ddsmoothmenu.init({
 +
mainmenuid: "templatemo_menu", //menu DIV id
 +
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
 +
classname: 'ddsmoothmenu', //class added to menu's outer DIV
 +
//customtheme: ["#1c5a80", "#18374a"],
 +
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
 +
})
-
<h3> Background </h3>
+
</script>
-
Background
+
-
Up to now, scientists have built a nearly complete system to design a terminator with wanted terminator efficiency. In the ‘book’ “Design and Characterization of Artificial Transcriptional Terminator” we can easily find the way to design it, and according to the approximate formulas we can program our products without new experiments that we were supposed to do.
+
 +
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery-1-4-2.min.js"></script>
 +
<link rel="stylesheet" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/slimbox2.css" type="text/css" media="screen" />
 +
<script type="text/JavaScript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/slimbox2.js"></script>
 +
</style>
-
  </p>
+
<style type="text/css">
-
  <h2>
+
<!--我们需要先把igem原网站的一些东西删掉-->
-
    Collaboration
+
#globalWrapper {width: 100%;  }
-
  </h2>
+
#top-section {width: 100%; height:100%; border:none;}
-
 
+
#p-logo {display:none;}
-
    If you would like to collaborate with South University of Science and technology of China, please send an email to betty.jingshui@gmail.com
+
#search-controls {display:none;}
-
  </p>
+
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
.firstHeading {display:none;}
 +
#content { border:none; margin-left:160px; }
 +
#bodyContent {border:none;  width:990px;}
 +
</style>
 +
<!--删除完毕-->
 +
</head>
 +
<body>
 +
<div id="templatemo_body_wrapper">
 +
    <div id="templatemo_wrapper"><span id="templatemo_wrapper_top"></span>
 +
        <div id="templatemo_header">   
 +
            <div id="site_title"><a href="http://www.templatemo.com">Free CSS Templates</a></div>
 +
            <div id="templatemo_menu" class="ddsmoothmenu">
 +
                <ul>
 +
                    <li><a href="index.html" class="selected">Home</a></li>
 +
                    <li><a href="about.html">About</a>
 +
                        <ul><li><span class="top"></span><span class="bottom"></span></li>
 +
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
 +
                      </ul>
 +
                    </li>
 +
                    <li><a href="portfolio.html">Gallery</a>
 +
                        <ul><li><span class="top"></span><span class="bottom"></span></li>
 +
                            <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>
 +
                            <li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="blog.html">Blog</a></li>
 +
                    <li><a href="contact.html">Contact</a></li>
 +
                </ul>
 +
                <br style="clear: left" />
 +
            </div> <!-- end of templatemo_menu -->
 +
        </div>
 +
        <div id="templatemo_slider">
 +
          <div id="slider-wrapper">
 +
                <div id="slider" class="nivoSlider">
 +
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/01.jpg" alt="Slider 01" title="Phasellus lobortis malesuada luctus." />
 +
                    <a href="#"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/02.jpg" alt="Slider 02" title="Cras fringilla libero et lacus pellentesque mattis. " /></a>
 +
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/03.jpg" alt="Slider 03" title="Proin vel dolor ut neque pulvinar laoreet sed blandit sapien." />
 +
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/04.jpg" alt="Slider 04" title="Aenean sit amet turpis a ipsum vulputate laoreet non ac nisl." />
 +
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/05.jpg" alt="Slider 05" title="Nunc nec elit sed libero rutrum ullamcorper et a lectus." />
 +
                </div>
 +
                <div id="htmlcaption" class="nivo-html-caption">
 +
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
 +
                </div>
 +
            </div>
 +
            <script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery-1.4.3.min.js"></script>
 +
            <script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery.nivo.slider.pack.js"></script>
 +
            <script type="text/javascript">
 +
            $(window).load(function() {
 +
                $('#slider').nivoSlider();
 +
            });
 +
            </script>
 +
        </div>
 +
        <div id="templatemo_main">
 +
            <div class="col col23">
 +
                <h2>Welcome To Beauty Class</h2>
 +
                <p><em>Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor, a pulvinar urna eros ut dolor. In mollis augue non dolor faucibus et porta magna congue. </em></p>
 +
                <p><a href="http://www.templatemo.com" target="_parent">Beauty Class</a> is free css template provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a> for your personal or commercial websites. Vestibulum in mauris id nulla fermentum congue nec vel dolor. Duis ultricies, felis eget ornare adipiscing, erat libero iaculis metus, at suscipit metus erat viverra est. Etiam faucibus aliquet turpis sit amet congue. Praesent at nulla id lectus mattis consequat. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
 +
                <div class="cleaner h40"></div>
 +
                <h3>Customer Support</h3>
 +
              <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_01.jpg" alt="" class="img_fl img_border" />
 +
                <h4>Phasellus sed massa sit amet</h4>
 +
                <p>Sed quam felis, aliquam non tempor quis, pulvinar feugiat lacus. Nullam a urna ac metus ultrices cursus. Curabitur sed massa libero. Proin ut tortor ipsum et.</p>
 +
                <a href="#">More</a>
 +
                <div class="cleaner h40"></div>
 +
                <h3>Testimonials</h3>
 +
              <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_02.jpg" alt="" class="img_fl img_border" />
 +
                <h4>Integer nec arcu nisi eget</h4>
 +
                <p>Fusce id elit dolor, sit amet lacinia purus. Donec iaculis ullamcorper ipsum id tristique. Donec eget nisl tortor, eu congue felis. Ut blandit auctor odio nec viverra.</p>
 +
                <a href="#">More</a>
 +
            </div>
 +
            <div class="col col13 no_margin_right">
 +
                <h2>Services</h2>
 +
                <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut metus arcu, vitae congue purus.</em></p>
 +
                <p>Sed massa lectus, pretium in consequat non, sagittis quis nisl. Aenean quis enim lorem. Cras bibendum magna quis urna dapibus convallis. Sed at lorem elit.</p>
 +
                <ul class="tmo_ul_list">
 +
                    <li class="first"><a href="#">Sed eget purus</a></li>
 +
                    <li><a href="#">Vestibulum eleifend</a></li>
 +
                    <li><a href="#">Nulla odio ipsum</a></li>
 +
                    <li><a href="#">Suspendisse posuere</a></li>
 +
                    <li><a href="#">Nunc a dui sed</a></li>
 +
                    <li><a href="#">Curabitur ac mauris</a></li>
 +
                    <li><a href="#">Mauris nulla tortor</a></li>
 +
                    <li><a href="#">Nullam ultrices</a></li>
 +
                </ul>
 +
                <div class="cleaner h40"></div>
 +
                <div id="newsletter">
 +
                    <h4>Newsletter</h4>
 +
                    <p>Vestibulum sit amet tincidunt sit amet, tincidunt at dolor. </p>
 +
                    <form action="#" method="get">
 +
                      <input type="text" value="Subscribe" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
 +
                      <input type="submit" name="Subscribe" value=" Subscribe " alt="Subscribe" id="subscribe_btn" title=" Subscribe " class="subscribe_btn"  />
 +
                      <div class="cleaner"></div>
 +
                    </form>
 +
                    <div class="cleaner"></div>
 +
                </div>
 +
            </div>
 +
            <div class="cleaner"></div>
 +
        </div>
 +
    </div>
 +
    <div id="templatemo_bottom">
 +
        <div class="col col14">
 +
            <h4>Photo Gallery</h4>
 +
            <ul class="footer_gallery">
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_03_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_03.jpg" alt="Image 01" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_04_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_04.jpg" alt="Image 02" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_05_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_05.jpg" alt="Image 03" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_06_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_06.jpg" alt="Image 04" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_07_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_07.jpg" alt="Image 05" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_08_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_08.jpg" alt="Image 06" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_09_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_09.jpg" alt="Image 07" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_10_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_10.jpg" alt="Image 08" /></a></li>
 +
                <li><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_11_l.jpg"  rel="lightbox[portfolio]"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_11.jpg" alt="Image 09" /></a></li>
 +
            </ul>
 +
            <div class="cleaner h20"></div>
 +
            <a href="portfolio.html" class="more">more</a>
 +
        </div>
 +
       
 +
        <div class="col col14">
 +
            <h4>Recent Posts</h4>
 +
            <ul class="no_bullet">
 +
                <li>
 +
                    <span class="header"><a href="#">Etiam suscipit bibendum </a></span>
 +
                    Aliquam erat volutpat vVivamus accumsan magna sit amet. Sed vel justo ut sodales nulla. In hac habitasse platea dictumst.
 +
                </li>
 +
                <li>
 +
                    <span class="header"><a href="#">Aliquam at felis odio</a></span>
 +
                    Rhoncus purus, in pretium libero ut libero molestie nec lacinia mi fringilla tincidunt eget ante gravid eu vulputate odio.
 +
                </li>
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="col col14">
 +
            <h4>Twitter</h4>
 +
            <ul class="no_bullet">
 +
                <li><a href="#">@templatemo</a> at scelerisque urna in tellus varius ultricies ante gravid sed eu vulputate.</li>
 +
                <li>Suspendisse enean <a href="#">#FREE</a> tincidunt massa in tellus varius ultricies. Ut eget ante sem.</li>
 +
                <li> Aenean tincidunt massa in tellus varius et. Nullam metus ut diam neque. <a href="#">http://bit.ly/13IwZO</a></li>
 +
            </ul>
 +
        </div>
 +
       
 +
        <div class="col col14 no_margin_right">
 +
            <h4>About</h4>
 +
            <p>
 +
            Etiam tempus volutpat velit eget egestas. Sed tempor, sapien a tincidunt commodo, ante nisl aliquam tortor, et tempus tellus ante vitae elit. Vivamus eget justo est, ac auctor nibh. Mauris sed pretium turpis. Proin vitae nibh enim, vel blandit massa. Maecenas sit amet elit lectus, id porttitor dignissim lacus.</p>
 +
        </div>
 +
       
 +
        <div class="cleaner"></div>
 +
    </div>
 +
   
 +
    <div id="templatemo_footer_wrapper">
 +
        <div id="templatemo_footer">
 +
            Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
 +
        </div>
 +
    </div>
 +
</div>
</body>
</body>
-
 
</html>
</html>

Revision as of 02:16, 6 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Beauty Class Theme - Free CSS Template

Slider 01 Slider 02 Slider 03 Slider 04 Slider 05
This is an example of a HTML caption with a link.

Welcome To Beauty Class

Aenean rutrum, velit in tincidunt ullamcorper, augue arcu cursus tortor, a pulvinar urna eros ut dolor. In mollis augue non dolor faucibus et porta magna congue.

Beauty Class is free css template provided by templatemo.com for your personal or commercial websites. Vestibulum in mauris id nulla fermentum congue nec vel dolor. Duis ultricies, felis eget ornare adipiscing, erat libero iaculis metus, at suscipit metus erat viverra est. Etiam faucibus aliquet turpis sit amet congue. Praesent at nulla id lectus mattis consequat. Validate XHTML & CSS.

Customer Support

Phasellus sed massa sit amet

Sed quam felis, aliquam non tempor quis, pulvinar feugiat lacus. Nullam a urna ac metus ultrices cursus. Curabitur sed massa libero. Proin ut tortor ipsum et.

More

Testimonials

Integer nec arcu nisi eget

Fusce id elit dolor, sit amet lacinia purus. Donec iaculis ullamcorper ipsum id tristique. Donec eget nisl tortor, eu congue felis. Ut blandit auctor odio nec viverra.

More

Services

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut metus arcu, vitae congue purus.

Sed massa lectus, pretium in consequat non, sagittis quis nisl. Aenean quis enim lorem. Cras bibendum magna quis urna dapibus convallis. Sed at lorem elit.

Newsletter

Vestibulum sit amet tincidunt sit amet, tincidunt at dolor.

Photo Gallery

  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 05
  • Image 06
  • Image 07
  • Image 08
  • Image 09
more

Recent Posts

  • Etiam suscipit bibendum Aliquam erat volutpat vVivamus accumsan magna sit amet. Sed vel justo ut sodales nulla. In hac habitasse platea dictumst.
  • Aliquam at felis odio Rhoncus purus, in pretium libero ut libero molestie nec lacinia mi fringilla tincidunt eget ante gravid eu vulputate odio.

Twitter

  • @templatemo at scelerisque urna in tellus varius ultricies ante gravid sed eu vulputate.
  • Suspendisse enean #FREE tincidunt massa in tellus varius ultricies. Ut eget ante sem.
  • Aenean tincidunt massa in tellus varius et. Nullam metus ut diam neque. http://bit.ly/13IwZO

About

Etiam tempus volutpat velit eget egestas. Sed tempor, sapien a tincidunt commodo, ante nisl aliquam tortor, et tempus tellus ante vitae elit. Vivamus eget justo est, ac auctor nibh. Mauris sed pretium turpis. Proin vitae nibh enim, vel blandit massa. Maecenas sit amet elit lectus, id porttitor dignissim lacus.

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-B"