|
|
| (88 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Team:Tsinghua-A/Style}} |
| | + | {{Team:Tsinghua-A/Killbanner}} |
| | + | {{Team:Tsinghua-A/Menubar}} |
| | | | |
| - | <!DOCTYPE html> | + | <html> |
| - | <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | + | <body> |
| - | <!--[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"> | + | <!-- Carousel --> |
| | + | <div id="header" class="carousel slide animated fadeIn"> |
| | + | <div class="carousel-inner"> |
| | + | |
| | + | <!--Item One--> |
| | + | <div class="item one active"> |
| | + | <div class="container animated fadeInUp"> |
| | + | <div class="carousel-caption"> |
| | + | <h1>Welcome to Tsinghua-A Team Wiki</h1> |
| | + | <h2> To TALE a new world. <a href="https://2014.igem.org/Team:Tsinghua-A/Project"><i class="icon-chevron-right"></i> See Project</a></h2> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!--Item Two--> |
| | + | <div class="item two"> |
| | + | <div class="container"> |
| | + | |
| | + | <div class="carousel-caption"> |
| | + | <h1>Welcome to Tsinghua-A Team Wiki</h1> |
| | + | <h2> Coding to reveal the code. <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling"><i class="icon-chevron-right"></i> See Modeling</a> </h2> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <!--Item Three--> |
| | + | <div class="item three"> |
| | + | <div class="container"> |
| | + | |
| | + | <div class="carousel-caption"> |
| | + | <h1>Welcome to Tsinghua-A Team Wiki</h1> |
| | + | <h2> Practice humanity with technology. <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice"><i class="icon-chevron-right"></i> See Human Practice</a> </h2> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <a class="left carousel-control hidden-phone" href="#header" data-slide="prev"></a> |
| | + | <a class="right carousel-control hidden-phone" href="#header" data-slide="next"></a> |
| | + | </div><!-- /.carousel --> |
| | + | |
| | | | |
| - | <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>
| + | <section id="message"> |
| - | <body>
| + | |
| - | <div class="adcenter"><script src="http://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
| + | |
| - | <!--[if lt IE 7]>
| + | <div class=" span12 text- center"> |
| - | <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>
| + | <h2> Introduction </h2> |
| - | <![endif]-->
| + | <h3>Transactivator-Like Effectors (TALEs) are a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity.Though it works well in eukaryotic organisms, it is not available in prokaryotic organisms. We come up with the idea that the long repeating sequence of the TALEs coding sequence leads to it. In our project, we attempt to construct a marvelous TALEs system which can efficiently work in prokaryotic organisms. By optimizing the TALEs coding sequence with modeling methods and testing it by Golden Gate Assembly and Report System, we hope we can have a handle tool for gene editing in prokaryotic organisms. |
| - | <!-- Free HTML5 Template by http://www.cssmoban.com -->
| + | |
| - | <div id="front">
| + | <h3> |
| - | <div class="site-header">
| + | |
| - | | + | |
| - | | + | |
| - | <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> |
| - | </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> |
| - | | + | </div> |
| - | <div class="row">
| + | </section> |
| - | <div class="col-md-12 text-center">
| + | |
| - | <h1 class="section-title">New Products</h1>
| + | |
| - | </div> <!-- /.col-md-12 -->
| + | <section> |
| - | </div> <!-- /.row -->
| + | <div class="span12 text-centre"> |
| - | <div class="row">
| + | |
| - | <div class=" col- md-2 col-sm-3"> | + | <img src="https://static.igem.org/mediawiki/2014/0/08/Tsinghua-A_Wishtobethefinal.jpg"> |
| - | <div class="item-small">
| + | |
| - | <img src=" images/ promotion/ promotion1.jpg " alt="Product 1"> | + | </img> |
| - | <h4>Nullam Non Ultrices Arcu</h4>
| + | </div> |
| - | </div> <!-- /.item-small -->
| + | |
| - | </div> <!-- /.col-md-2 -->
| + | </section> |
| - | <div class="col-md-8 col-sm-6">
| + | |
| - | | + | <!--Services Section--> |
| - | <img src="images/promotion/promotion2.jpg" alt="Product 2">
| + | <section id="services"> |
| - | <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>
| + | <!--Service Section One--> |
| - | <i class="fa fa-star-half-o"></i></span>
| + | <div class="span3 text-center service-box"> |
| - | <div class="clearfix"></div>
| + | <a href="https://2014.igem.org/Team:Tsinghua-A/Project"> |
| - | </div> <!-- /.item-header -->
| + | <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/5/57/Tsinghua-A-project.jpg" alt=""> |
| - | <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>
| + | <h2>Project</h2> |
| - | </div> <!-- /.item-large-content -->
| + | <p>Background, hypothesis and workflow of designer TALE. </p> |
| - | </div> <!-- /.item-large -->
| + | </a> |
| - | </div> <!-- /.col-md-8 -->
| + | </div> |
| - | <div class="col-md-2 col-sm-3">
| + | |
| - | <div class="item-small">
| + | <!--Service Section Two--> |
| - | <img src="images/promotion/promotion3.jpg" alt="Product 3">
| + | <div class="span3 text-center service-box"> |
| - | <h4>Morbi Sit Amet Lorem</h4>
| + | <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling"> |
| - | </div> <!-- /.item-small -->
| + | <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/2/24/Tsinghua-A-modeling3.jpg" alt=""> |
| - | </div> <!-- /.col-md-2 -->
| + | <h2>Modeling</h2> |
| - | </div> <!-- /.row -->
| + | <p>Optimization of TALE sequence and simulation of the gene circuit. </p> |
| - | </div> <!-- /.container --> | + | </a> |
| - | </div> <!-- /#product-promotion -->
| + | </div> |
| - | <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
| + | |
| - | <div id="products" class="content-section">
| + | <!--Service Section Three--> |
| - | <div class="container"> | + | <div class=" span3 text- center service- box"> |
| - | <div class="row">
| + | <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice"> |
| - | <div class="col-md-12 text-center">
| + | <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/c/c9/Tsinghua-A_HP.jpg" alt=""> |
| - | <h1 class="section-title">All Products</h1>
| + | <h2>Human Practice</h2> |
| - | </div> <!-- /.col-md-12 -->
| + | <p>Lectures, seminar, questionnaires and raising ethic problems. </p> |
| - | </div> <!-- /.row -->
| + | </a> |
| - | <div class="row">
| + | </div> |
| - | <div class="col-md-3 col-sm-6">
| + | |
| - | <div class="product-item">
| + | <!--Service Section Three--> |
| - | <div class="item-thumb">
| + | <div class=" span3 text- center service- box"> |
| - | <span class="note"><img src="images/small_logo_1.png" alt=""></span>
| + | <a href=" https:// 2014. igem. org/ Team: Tsinghua- A/ Team"> |
| - | <div class="overlay">
| + | <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A_team.jpg" alt=""> |
| - | <div class="overlay-inner">
| + | <h2>Team</h2> |
| - | <a href="#nogo" class="view-detail">Add to Cart</a>
| + | <p>Department of Automatics, Life Science and Medical School. </p> |
| - | </div>
| + | </a> |
| - | </div> <!-- /.overlay -->
| + | </div> |
| - | <img src="images/products/product1.jpg" alt="">
| + | |
| - | </div> <!-- /.item-thumb -->
| + | </div> |
| - | <h3>Nunc Consectetur</h3>
| + | </div> |
| - | <span>Price: <em class="text-muted">$260.00</em> - <em class="price">$180.00</em></span>
| + | </section> |
| - | </div> <!-- /.product-item -->
| + | |
| - | </div> <!-- /.col-md-3 -->
| + | <section id="team"> |
| - | <div class=" col- md- 3 col-sm-6"> | + | <div class=" image- break"> </ div> |
| - | <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">
| + | <div class="span12"> |
| - | <a href="#nogo" class="view-detail">Add to Cart</a>
| + | <h2> Team </h2> |
| - | </div>
| + | <img src=" https:// static. igem. org/ mediawiki/ 2014/ 7/ 70/ Tsinghua- A_team.png" alt=" Title"> |
| - | </div> <!-- /.overlay -->
| + | |
| - | <img src="images/products/product2.jpg" alt="">
| + | |
| - | </div> <!-- /.item-thumb -->
| + | </div> |
| - | <h3>Donec Vitae Massa</h3>
| + | </div> |
| - | <span>Price: <em class="text-muted">$320.00</em> - <em class="price">$240.00</em></span>
| + | |
| - | </div> <!-- /.product-item -->
| + | |
| - | </div> <!-- /.col-md-3 -->
| + | </div> |
| - | <div class=" col- md-3 col-sm-6"> | + | </section> |
| - | <div class="product-item">
| + | |
| - | <div class="item-thumb">
| + | |
| - | <span class="note"><img src="images/small_logo_2.png" alt=""></span>
| + | |
| - | <div class="overlay">
| + | <!--Clients Section--> |
| - | <div class="overlay-inner">
| + | <section id="Acknoledgements"> |
| - | <a href=" #nogo" class="view-detail">Add to Cart</ a> | + | <div class=" image- break"> < /div> |
| - | </div>
| + | |
| - | </div> <!-- /.overlay -->
| + | |
| - | <img src="images/products/product3.jpg" alt="">
| + | |
| - | </div> <!-- /.item-thumb -->
| + | |
| - | <h3>Fusce Dignissim Neque</h3>
| + | <div class="span12"> |
| - | <span>Price: <em class="text-muted">$480.00</em> - <em class="price">$340.00</em></span>
| + | <h2> Acknowledgements </h2> |
| - | </div> <!-- /.product-item -->
| + | <img src=" https:// static. igem. org/ mediawiki/ 2014/ 4/ 45/ Tsinghua- A_acc.png" alt=" Title"> |
| - | </div> <!-- /.col-md-3 -->
| + | </div> |
| - | <div class="col-md-3 col-sm-6">
| + | </div> |
| - | <div class="product-item">
| + | |
| - | <div class="item-thumb">
| + | |
| - | <span class="note"><img src="images/small_logo_1.png" alt=""></span>
| + | </div> |
| - | <div class="overlay">
| + | </section> |
| - | <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">
| + | |
| - | | + | |
| - | <span class="note"><img src="images/small_logo_3.png" alt=""></span>
| + | |
| - | | + | |
| - | <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"> | + | |
| - | | + | |
| - | <span class="note"><img src="images/small_logo_2.png" alt=""></span>
| + | |
| - | | + | |
| - | <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 © 2084 <a href="#">Company Name</a> - <a href="http://www.cssmoban.com/">Free HTML5
| |
| - | {{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> | | </body> |
| | </html> | | </html> |
| | + | |
| | + | {{Team:Tsinghua-A/Footer}} |
| | + | {{Team:Tsinghua-A/Script}} |
"
