Team:SUSTC-Shenzhen-B
From 2012.igem.org
<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">
- globalWrapper {width: 100%; }
- top-section {width: 100%; height:100%; border:none;}
- p-logo {display:none;}
- search-controls {display:none;}
.printfooter {display:none;}
- footer-box {border:none;}
.firstHeading {display:none;}
- content { border:none; margin-left:160px; }
- bodyContent {border:none; width:990px;}
</style>
</head> <body>
<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." />
<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>
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.
- <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>