Team:SUSTC-Shenzhen-B

From 2012.igem.org

Revision as of 02:31, 6 September 2012 by M.B.ZHOU (Talk | contribs)

<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" />

<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" />

<script language="javascript" type="text/javascript"> function clearText(field) {

   if (field.defaultValue == field.value) field.value = ;
   else if (field.value == ) field.value = field.defaultValue;

} </script>

<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery.min.js"></script> <script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/ddsmoothmenu.js">

/***********************************************

  • 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>

<script type="text/javascript">

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"] })

</script>

<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>

<style type="text/css">

  1. globalWrapper {width: 100%; }
  2. top-section {width: 100%; height:100%; border:none;}
  3. p-logo {display:none;}
  4. search-controls {display:none;}

.printfooter {display:none;}

  1. footer-box {border:none;}

.firstHeading {display:none;}

  1. content { border:none; margin-left:160px; }
  2. bodyContent {border:none; width:990px;}

</style>

</head> <body>

<a href="http://www.templatemo.com">Free CSS Templates</a>
  • <a href="index.html" class="selected">Home</a>
  • <a href="about.html">About</a>
    • <a href="http://www.templatemo.com/page/1">Sub menu 1</a>
    • <a href="http://www.templatemo.com/page/2">Sub menu 2</a>
    • <a href="http://www.templatemo.com/page/3">Sub menu 3</a>
  • <a href="portfolio.html">Gallery</a>
    • <a href="http://www.templatemo.com/page/1">Sub menu 1</a>
    • <a href="http://www.templatemo.com/page/2">Sub menu 2</a>
    • <a href="http://www.templatemo.com/page/3">Sub menu 3</a>
    • <a href="http://www.templatemo.com/page/4">Sub menu 4</a>
    • <a href="http://www.templatemo.com/page/5">Sub menu 5</a>
  • <a href="blog.html">Blog</a>
  • <a href="contact.html">Contact</a>
               
                   <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." />
                   This is an example of a HTML caption with <a href="#">a link</a>.
           <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>

Contents

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.

<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">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.

Customer Support

             	<img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_01.jpg" alt="" class="img_fl img_border" />

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.

               <a href="#">More</a>

Testimonials

             	<img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_image_02.jpg" alt="" class="img_fl img_border" />

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.

               <a href="#">More</a>

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.

  • <a href="#">Sed eget purus</a>
  • <a href="#">Vestibulum eleifend</a>
  • <a href="#">Nulla odio ipsum</a>
  • <a href="#">Suspendisse posuere</a>
  • <a href="#">Nunc a dui sed</a>
  • <a href="#">Curabitur ac mauris</a>
  • <a href="#">Mauris nulla tortor</a>
  • <a href="#">Nullam ultrices</a>

Newsletter

Vestibulum sit amet tincidunt sit amet, tincidunt at dolor.

                   <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"  />
                   </form>

Photo Gallery

           <a href="portfolio.html" class="more">more</a>

Recent Posts

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

Twitter

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

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.

</body> </html>