|
|
Line 1: |
Line 1: |
- | <html>
| + | |
- | <head>
| + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | |
- | <link rel="stylesheet" href="//2012.igem.org/Template:OUC-China/2012css.style.css&action=raw&ctype=text/css" type="text/css" />
| + | |
- | <link rel="stylesheet" href="//2012.igem.org/Template:OUC-China/2012css.demo.css&action=raw&ctype=text/css" type="text/css" />
| + | |
- | <link rel="stylesheet" href="//2012.igem.org/Template:OUC-China/2012css.reset.css&action=raw&ctype=text/css" type="text/css" />
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />
| + | |
- | <noscript>
| + | |
- | <link rel="stylesheet" href="//2012.igem.org/Template:OUC-China/2012css.noscript.css&action=raw&ctype=text/css" type="text/css" />
| + | |
- | </noscript>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div class="index_header_wrp">
| + | |
- | <div class="index_header">
| + | |
- | <a href="" class="login_logo"></a>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="index_bg">
| + | |
- | <ul id="nav">
| + | |
- | <li><a href="">Home</a></li>
| + | |
- | <li><a href="">Team</a></li>
| + | |
- | <li><a href="">Project</a></li>
| + | |
- | <li><a href="">Modeling</a></li>
| + | |
- | <li><a href="">Notebook</a></li>
| + | |
- | <li><a href="">Safety</a></li>
| + | |
- | </ul>
| + | |
- | <div class="wrapper">
| + | |
- | <div id="ei-slider" class="ei-slider">
| + | |
- | <ul class="ei-slider-large">
| + | |
- | <li>
| + | |
- | <img src="images/large/6.jpg" alt="image06"/>
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Passionate</h2>
| + | |
- | <h3>Seeker</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/1.jpg" alt="image01" />
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Creative</h2>
| + | |
- | <h3>Geek</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/2.jpg" alt="image02" />
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Friendly</h2>
| + | |
- | <h3>Devil</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/3.jpg" alt="image03"/>
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Tranquilent</h2>
| + | |
- | <h3>Compatriot</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/4.jpg" alt="image04"/>
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Insecure</h2>
| + | |
- | <h3>Hussler</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/5.jpg" alt="image05"/>
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Loving</h2>
| + | |
- | <h3>Rebel</h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <img src="images/large/7.jpg" alt="image07"/>
| + | |
- | <div class="ei-title">
| + | |
- | <h2>Photography by</h2>
| + | |
- | <h3>Bartek Lurka</a></h3>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | </ul><!-- ei-slider-large -->
| + | |
- | <ul class="ei-slider-thumbs">
| + | |
- | <li class="ei-slider-element">Current</li>
| + | |
- | <li><a href="#">Slide 6</a><img src="images/thumbs/6.jpg" alt="thumb06" /></li>
| + | |
- | <li><a href="#">Slide 1</a><img src="images/thumbs/1.jpg" alt="thumb01" /></li>
| + | |
- | <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li>
| + | |
- | <li><a href="#">Slide 3</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li>
| + | |
- | <li><a href="#">Slide 4</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li>
| + | |
- | <li><a href="#">Slide 5</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li>
| + | |
- | <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li>
| + | |
- | </ul><!-- ei-slider-thumbs -->
| + | |
- | </div><!-- ei-slider -->
| + | |
- | </div><!-- wrapper -->
| + | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
| + | |
- | <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | $(function() {
| + | |
- | $('#ei-slider').eislideshow({
| + | |
- | animation : 'center',
| + | |
- | autoplay : true,
| + | |
- | slideshow_interval : 3000,
| + | |
- | titlesFactor : 0
| + | |
- | });
| + | |
- | });
| + | |
- | </script>
| + | |
- | </body>
| + | |
- | </html>
| + | |