Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
(Replaced content with "{{Team:Tsinghua-A/style}}")
Line 1: Line 1:
-
 
-
<!DOCTYPE html>
 
-
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 
-
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 
-
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
 
-
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 
-
<head>
 
-
    <meta charset="utf-8">
 
-
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
 
-
    <title>Sprint - Free Responsive Template</title>
 
-
    <meta name="description" content="">
 
-
    <meta name="viewport" content="width=device-width">
 
-
 
-
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet">
 
-
 
-
    <link rel="stylesheet" href="css/bootstrap.min.css">
 
-
    <link rel="stylesheet" href="css/normalize.min.css">
 
-
    <link rel="stylesheet" href="css/font-awesome.min.css">
 
-
    <link rel="stylesheet" href="css/animate.css">
 
-
    <link rel="stylesheet" href="css/templatemo_misc.css">
 
-
    <link rel="stylesheet" href="css/templatemo_style.css">
 
-
 
-
    <script src="js/vendor/modernizr-2.6.2.min.js"></script>
 
-
 
-
</head>
 
-
  <body>
 
-
<div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
 
-
    <!--[if lt IE 7]>
 
-
    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
 
-
    <![endif]-->
 
-
<!--  Free HTML5 Template by http://www.cssmoban.com -->
 
-
    <div id="front">
 
-
        <div class="site-header">
 
-
            <div class="container">
 
-
                <div class="row">
 
-
                    <div class="col-md-4 col-sm-6 col-xs-6">
 
-
                        <div id="templatemo_logo">
 
-
                            <h1><a href="#" title="HTML5 Template">Sprint</a></h1>
 
-
                        </div> <!-- /.logo -->
 
-
                    </div> <!-- /.col-md-4 -->
 
-
                    <div class="col-md-8 col-sm-6 col-xs-6">
 
-
                        <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
 
-
                        <div class="main-menu">
 
-
                            <ul>
 
-
                                <li><a href="#front">Home</a></li>
 
-
                                <li><a href="#services">Services</a></li>
 
-
                                <li><a href="#products">Products</a></li>
 
-
                                <li><a href="#contact">Contact</a></li>
 
-
                            </ul>
 
-
                        </div> <!-- /.main-menu -->
 
-
                    </div> <!-- /.col-md-8 -->
 
-
                </div> <!-- /.row -->
 
-
                <div class="row">
 
-
                    <div class="col-md-12">
 
-
                        <div class="responsive">
 
-
                            <div class="main-menu">
 
-
                                <ul>
 
-
                                    <li><a href="#front">Home</a></li>
 
-
                                    <li><a href="#services">Services</a></li>
 
-
                                    <li><a href="#products">Products</a></li>
 
-
                                    <li><a href="#contact">Contact</a></li>
 
-
                                </ul>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div> <!-- /.container -->
 
-
        </div> <!-- /.site-header -->
 
-
    </div> <!-- /#front -->
 
-
 
-
    <div class="site-slider">
 
-
        <ul class="bxslider">
 
-
            <li>
 
-
                <img src="images/slider/slide1.jpg" alt="slider image 1">
 
-
                <div class="container">
 
-
                    <div class="row">
 
-
                        <div class="col-md-12 text-right">
 
-
                            <div class="slider-caption">
 
-
                                <h2>HTML5 CSS3 Template</h2>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </li>
 
-
            <li>
 
-
                <img src="images/slider/slide2.jpg" alt="slider image 2">
 
-
                <div class="container caption-wrapper">
 
-
                    <div class="slider-caption">
 
-
                        <h2>Using Bootstrap Framework</h2>
 
-
                    </div>
 
-
                </div>
 
-
            </li>
 
-
            <li>
 
-
                <img src="images/slider/slide3.jpg" alt="slider image 3">
 
-
                <div class="container">
 
-
                    <div class="row">
 
-
                        <div class="col-md-12 text-right">
 
-
                            <div class="slider-caption">
 
-
                                <h2>Mobile Ready Website</h2>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </li>
 
-
            <li>
 
-
                <img src="images/slider/slide4.jpg" alt="slider image 4">
 
-
                <div class="container">
 
-
                    <div class="row">
 
-
                        <div class="col-md-12 text-right">
 
-
                            <div class="slider-caption">
 
-
                                <h2>Responsive Layout</h2>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </li>
 
-
            <li>
 
-
                <img src="images/slider/slide5.jpg" alt="slider image 5">
 
-
                <div class="container">
 
-
                    <div class="row">
 
-
                        <div class="col-md-12 text-right">
 
-
                            <div class="slider-caption">
 
-
                                <h2>Download and use it for free</h2>
 
-
                            </div>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </li>
 
-
        </ul> <!-- /.bxslider -->
 
-
        <div class="bx-thumbnail-wrapper">
 
-
            <div class="container">
 
-
                <div class="row">
 
-
                    <div class="col-md-12">
 
-
                        <div id="bx-pager">
 
-
                            <a data-slide-index="0" href=""><img src="images/slider/thumb1.jpg" alt="image 1" /></a>
 
-
                            <a data-slide-index="1" href=""><img src="images/slider/thumb2.jpg" alt="image 2" /></a>
 
-
                            <a data-slide-index="2" href=""><img src="images/slider/thumb3.jpg" alt="image 3" /></a>
 
-
                            <a data-slide-index="3" href=""><img src="images/slider/thumb4.jpg" alt="image 4" /></a>
 
-
                            <a data-slide-index="4" href=""><img src="images/slider/thumb5.jpg" alt="image 5" /></a>
 
-
                        </div>
 
-
                    </div>
 
-
                </div>
 
-
            </div>
 
-
        </div>
 
-
    </div> <!-- /.site-slider -->
 
-
 
-
    <div id="services" class="content-section">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="service-item">
 
-
                        <span class="service-icon first"></span>
 
-
                        <h3>Easy Customization</h3>
 
-
                        <p>Cras congue orci at diam condimentum, in dignissim tellus elementum. Praesent id mauris eu urna vehicula rutrum sed in elit. Sed sed urna porta, viverra lacus in.</p>
 
-
                    </div> <!-- /.service-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="service-item">
 
-
                        <span class="service-icon second"></span>
 
-
                        <h3>Web Design</h3>
 
-
                        <p>Nulla in nunc elit. Etiam porttitor nibh et felis molestie fermentum. Ut quis diam porttitor, dictum dolor in, volutpat nulla. Phasellus egestas eu lacus eu pharetra.</p>
 
-
                    </div> <!-- /.service-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="service-item">
 
-
                        <span class="service-icon third"></span>
 
-
                        <h3>High Quality</h3>
 
-
                        <p>Sprint is <a href="#">free responsive template</a> using HTML5 CSS3 based on Bootstrap framework. Feel free to download, edit and use it for your websites.</p>
 
-
                    </div> <!-- /.service-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="service-item">
 
-
                        <span class="service-icon fourth"></span>
 
-
                        <h3>Professional Design</h3>
 
-
                        <p>Morbi id nisi enim. Ut congue interdum pharetra facilisi. Aenean consectetur pellentesque mauris nec ornare. Nam tortor justo, rutrum ut condimentum.</p>
 
-
                    </div> <!-- /.service-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /#services -->
 
-
 
-
    <div id="product-promotion" class="content-section">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-12 text-center">
 
-
                    <h1 class="section-title">New Products</h1>
 
-
                </div> <!-- /.col-md-12 -->
 
-
            </div> <!-- /.row -->
 
-
            <div class="row">
 
-
                <div class="col-md-2 col-sm-3">
 
-
                    <div class="item-small">
 
-
                        <img src="images/promotion/promotion1.jpg" alt="Product 1">
 
-
                        <h4>Nullam Non Ultrices Arcu</h4>
 
-
                    </div> <!-- /.item-small -->
 
-
                </div> <!-- /.col-md-2 -->
 
-
                <div class="col-md-8 col-sm-6">
 
-
                    <div class="item-large">
 
-
                        <img src="images/promotion/promotion2.jpg" alt="Product 2">
 
-
                        <div class="item-large-content">
 
-
                            <div class="item-header">
 
-
                                <h2 class="pull-left">Fusce facilisis semper magna</h2>
 
-
                                <span class="pull-right">Rate: <i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
 
-
                                <i class="fa fa-star-half-o"></i></span>
 
-
                                <div class="clearfix"></div>
 
-
                            </div> <!-- /.item-header -->
 
-
                            <p>Integer ac dui interdum, varius sem eu, vulputate ipsum. Donec fringilla, est ac hendrerit elementum, libero nulla sodales odio, a placerat urna lectus at sem. Vivamus vehicula accumsan orci a tempus. Vestibulum a augue iaculis, tincidunt lacus venenatis, aliquet ante. Sprint is <a href="#">free website template</a> that can be used for any purpose.<br><br>Aliquam iaculis lectus accumsan, egestas lorem ac, malesuada purus. Aenean in tincidunt libero. Etiam vitae dolor vel justo temllicitudin. Download <a rel="nofollow" href="#/free-templates">templates</a> for your websites. Sed fermentum, neque in dignissim aliquam, quam ante pellentesque quam, posuere eros purus purus. Ut non est magna.</p>
 
-
                        </div> <!-- /.item-large-content -->
 
-
                    </div> <!-- /.item-large -->
 
-
                </div> <!-- /.col-md-8 -->
 
-
                <div class="col-md-2 col-sm-3">
 
-
                    <div class="item-small">
 
-
                        <img src="images/promotion/promotion3.jpg" alt="Product 3">
 
-
                        <h4>Morbi Sit Amet Lorem</h4>
 
-
                    </div> <!-- /.item-small -->
 
-
                </div> <!-- /.col-md-2 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /#product-promotion -->
 
-
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
 
-
    <div id="products" class="content-section">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-12 text-center">
 
-
                    <h1 class="section-title">All Products</h1>
 
-
                </div> <!-- /.col-md-12 -->
 
-
            </div> <!-- /.row -->
 
-
            <div class="row">
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product1.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Nunc Consectetur</h3>
 
-
                        <span>Price: <em class="text-muted">$260.00</em> - <em class="price">$180.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product2.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Donec Vitae Massa</h3>
 
-
                        <span>Price: <em class="text-muted">$320.00</em> - <em class="price">$240.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_2.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product3.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Fusce Dignissim Neque</h3>
 
-
                        <span>Price: <em class="text-muted">$480.00</em> - <em class="price">$340.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product4.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Mauris Adipiscing Enim</h3>
 
-
                        <span>Price: <em class="text-muted">$260.00</em> - <em class="price">$140.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product5.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Quisque Tincidunt</h3>
 
-
                        <span>Price: <em class="text-muted">$350.00</em> - <em class="price">$220.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_1.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product6.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Aliquam Malesuada</h3>
 
-
                        <span>Price: <em class="text-muted">$470.00</em> - <em class="price">$330.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_2.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product7.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Sed Eleifend Tortor</h3>
 
-
                        <span>Price: <em class="text-muted">$620.00</em> - <em class="price">$460.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
                <div class="col-md-3 col-sm-6">
 
-
                    <div class="product-item">
 
-
                        <div class="item-thumb">
 
-
                            <span class="note"><img src="images/small_logo_3.png" alt=""></span>
 
-
                            <div class="overlay">
 
-
                                <div class="overlay-inner">
 
-
                                    <a href="#nogo" class="view-detail">Add to Cart</a>
 
-
                                </div>
 
-
                            </div> <!-- /.overlay -->
 
-
                            <img src="images/products/product8.jpg" alt="">
 
-
                        </div> <!-- /.item-thumb -->
 
-
                        <h3>Integer tincidunt</h3>
 
-
                        <span>Price: <em class="text-muted">$840.00</em> - <em class="price">$720.00</em></span>
 
-
                    </div> <!-- /.product-item -->
 
-
                </div> <!-- /.col-md-3 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /#products -->
 
-
 
-
    <div id="contact" class="content-section">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-12 text-center">
 
-
                    <h1 class="section-title">Contact Us</h1>
 
-
                </div> <!-- /.col-md-12 -->
 
-
            </div> <!-- /.row -->
 
-
            <div class="row">
 
-
                <div class="col-md-offset-2 col-md-8 text-center bigger-text">
 
-
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, itaque vero facere laudantium voluptas temporibus mollitia nisi deleniti illo minima quisquam corporis possimus nesciunt. Accusantium modi dolores in ex officiis!</p>
 
-
                </div>
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <div id="map">
 
-
                    </div>
 
-
                </div> <!-- /.col-md-6 -->
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <div class="row contact-form">
 
-
                        <fieldset class="col-md-6 col-sm-6">
 
-
                            <input id="name" type="text" name="name" placeholder="Name">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-6 col-sm-6">
 
-
                            <input type="email" name="email" id="email" placeholder="Email">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <input type="text" name="subject" id="subject" placeholder="Subject">
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <textarea name="comments" id="comments" placeholder="Message"></textarea>
 
-
                        </fieldset>
 
-
                        <fieldset class="col-md-12">
 
-
                            <input type="submit" name="send" value="Send Message" id="submit" class="button">
 
-
                        </fieldset>
 
-
                    </div> <!-- /.contact-form -->
 
-
                </div> <!-- /.col-md-6 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /#products -->
 
-
 
-
    <div class="site-footer">
 
-
        <div class="container">
 
-
            <div class="row">
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <span>Copyright &copy; 2084 <a href="#">Company Name</a> - <a href="http://www.cssmoban.com/">Free HTML5
 
{{Team:Tsinghua-A/style}}
{{Team:Tsinghua-A/style}}
-
Template</a> Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></span>
 
-
                </div> <!-- /.col-md-6 -->
 
-
                <div class="col-md-6 col-sm-6">
 
-
                    <ul class="social">
 
-
                        <li><a href="#" class="fa fa-facebook"></a></li>
 
-
                        <li><a href="#" class="fa fa-twitter"></a></li>
 
-
                        <li><a href="#" class="fa fa-instagram"></a></li>
 
-
                        <li><a href="#" class="fa fa-linkedin"></a></li>
 
-
                        <li><a href="#" class="fa fa-rss"></a></li>
 
-
                    </ul>
 
-
                </div> <!-- /.col-md-6 -->
 
-
            </div> <!-- /.row -->
 
-
        </div> <!-- /.container -->
 
-
    </div> <!-- /.site-footer -->
 
-
 
-
   
 
-
    <script src="js/vendor/jquery-1.10.1.min.js"></script>
 
-
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
 
-
    <script src="js/jquery.easing-1.3.js"></script>
 
-
    <script src="js/bootstrap.js"></script>
 
-
    <script src="js/plugins.js"></script>
 
-
    <script src="js/main.js"></script>
 
-
    <!--  Free HTML5 Template by http://www.cssmoban.com -->
 
-
</body>
 
-
</html>
 

Revision as of 08:35, 15 October 2014

Retrieved from "http://2014.igem.org/Team:Tsinghua-A"