Difference between revisions of "Team:EPF Lausanne/Test"

 
(339 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
{{:Team:EPF_Lausanne/Top_Nav}}
−
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
−
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+
<body>
−
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
+
−
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+
−
<head xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
+
−
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
−
    <meta name="generator" content="MediaWiki 1.16.5" />
+
−
    <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:EPF_Lausanne&amp;action=edit" />
+
−
    <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:EPF_Lausanne&amp;action=edit" />
+
−
    <link rel="shortcut icon" href="/favicon.ico" />
+
−
    <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
+
−
    <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:EPF_Lausanne&amp;action=creativecommons" rel="meta" />
+
−
    <link rel="copyright" href="http://creativecommons.org/licenses/by/4.0/" />
+
−
    <link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> 
+
−
    <title>Team:EPF Lausanne - 2015.igem.org</title>
+
  
−
     <meta name="viewport" content="width=device-width">
+
     <div class="carousel slide" id="carousel-home">
−
 
+
       <div class="carousel-inner">
−
    <style type="text/css" media="screen, projection">/*<![CDATA[*/
+
         <div class="item active">
−
       @import "/wiki/skins/common/shared.css?270";
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home1.png" alt="First slide">
−
      @import "/wiki/skins/igem/main.css?270";
+
−
    /*]]>*/</style>
+
−
    <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
+
−
    <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
+
−
    <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
+
−
    <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
+
−
    <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
+
−
    <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
+
−
    <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
+
−
 
+
−
    <script>
+
−
var skin="igem",
+
−
stylepath="/wiki/skins",
+
−
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
+
−
wgArticlePath="/$1",
+
−
wgScriptPath="/wiki",
+
−
wgScriptExtension=".php",
+
−
wgScript="/wiki/index.php",
+
−
wgVariantArticlePath=false,
+
−
wgActionPaths={},
+
−
wgServer="https://2015.igem.org",
+
−
wgCanonicalNamespace="",
+
−
wgCanonicalSpecialPageName=false,
+
−
wgNamespaceNumber=0,
+
−
wgPageName="Team:EPF_Lausanne",
+
−
wgTitle="Team:EPF Lausanne",
+
−
wgAction="view",
+
−
wgArticleId=2332,
+
−
wgIsArticle=true,
+
−
wgUserName="Awowen",
+
−
wgUserGroups=["*", "user", "autoconfirmed"],
+
−
wgUserLanguage="en",
+
−
wgContentLanguage="en",
+
−
wgBreakFrames=false,
+
−
wgCurRevisionId=37539,
+
−
wgVersion="1.16.5",
+
−
wgEnableAPI=true,
+
−
wgEnableWriteAPI=true,
+
−
wgSeparatorTransformTable=["", ""],
+
−
wgDigitTransformTable=["", ""],
+
−
wgMainPageTitle="Main Page",
+
−
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2015.igem.org", "5": "2015.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
+
−
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2015.igem.org": 4, "2015.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
+
−
wgSiteName="2015.igem.org",
+
−
wgCategories=[],
+
−
wgMWSuggestTemplate="https://2015.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
+
−
wgDBname="2015_igem_org",
+
−
wgSearchNamespaces=[0],
+
−
wgMWSuggestMessages=["with suggestions", "no suggestions"],
+
−
wgRestrictionEdit=[],
+
−
wgRestrictionMove=[],
+
−
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
+
−
</script>               
+
−
    <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
+
−
    <!-- Head Scripts -->
+
−
<script src="/wiki/skins/common/ajax.js?270"></script>
+
−
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
+
−
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
+
−
    <script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
+
−
  <!-- jQuery Javascript -->
+
−
  <script type='text/javascript'         src ='/common/jquery-latest.min.js'></script>
+
−
  <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
−
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
−
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
−
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
+
−
  <script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
+
−
        <link rel='stylesheet' type='text/css' href='/wiki/skins/igem/top_menu_14.css' />
+
−
  </head>
+
−
 
+
−
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_EPF_Lausanne">
+
−
  <div id="globalWrapper">
+
−
    <div id='top_menu_under' class='noprint'></div>
+
−
    <div id='top_menu_14'    class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
−
    <script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
−
                {  t:"Team%3AEPF%20Lausanne",
+
−
              a:"" });
+
−
  </script>
+
−
   
+
−
 
+
−
    <!--  
+
−
    Stone Template
+
−
    http://www.templatemo.com/preview/templatemo_452_stone
+
−
    -->
+
−
    <!-- Bootstrap Stylesheet -->
+
−
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&amp;ctype=text/css" type="text/css">
+
−
   
+
−
    <!-- FontAwesome Icons -->
+
−
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/font-awesome?action=raw&amp;ctype=text/css" type="text/css">
+
−
   
+
−
    <!-- Normailize Stylesheet -->
+
−
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&amp;ctype=text/css" type="text/css">
+
−
 
+
−
    <!-- Main Styles -->
+
−
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&amp;ctype=text/css" type="text/css">
+
−
 
+
−
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&amp;ctype=text/js"></script>
+
−
 
+
−
</head>
+
−
<body  class="loading">
+
−
    <!--[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]-->
+
−
 
+
−
    <!-- HEADER -->
+
−
    <div class="site-header">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <nav class="navbar navbar-default navbar-static-top">
+
−
                    <div class="navbar-header">
+
−
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
+
−
                            <span class="sr-only">Toggle navigation</span>
+
−
                            <i class="fa fa-bars"></i>
+
−
                        </button>
+
−
                        <a class="navbar-brand" href="index.html">Stone</a>
+
−
                    </div>
+
−
                    <div class="collapse navbar-collapse" id="main-menu">
+
−
                        <ul class="nav navbar-nav navbar-right">
+
−
                            <li><a href="index.html">Home</a></li>
+
−
                            <li><a href="promotion.html">Promotion</a></li>
+
−
                            <li><a href="products.html">Products</a></li>
+
−
                            <li><a href="contact.html">Contact</a></li>
+
−
                        </ul>
+
−
                    </div>
+
−
                </nav>       
+
−
            </div>
+
 
         </div>
 
         </div>
−
    </div> <!-- .site-header -->
+
         <div class="item">
−
 
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Second slide">
−
 
+
−
    <!-- SLIDER -->
+
−
    <div class="site-slider">
+
−
         <div class="flexslider">
+
−
            <ul class="slides">
+
−
                <li class="slide">
+
−
                    <div class="overlay"></div>
+
−
                    <img src="images/slide1.jpg" alt="">
+
−
                    <div class="slider-caption">
+
−
                        <div class="title">
+
−
                            <h2>WEB DESIGN</h2>
+
−
                            <h2>INSPIRATION</h2>
+
−
                        </div>
+
−
                        <a href="#" class="slider-button">Download</a>
+
−
                    </div>
+
−
                </li>
+
−
                <li class="slide">
+
−
                    <div class="overlay"></div>
+
−
                    <img src="images/slide2.jpg" alt="">
+
−
                    <div class="slider-caption">
+
−
                        <div class="title">
+
−
                            <h2>DEVELOPMENT</h2>
+
−
                            <h2>TEMPLATEMO</h2>
+
−
                        </div>
+
−
                        <a href="#" class="slider-button">Read More</a>
+
−
                    </div>
+
−
                </li>
+
−
            </ul>
+
−
        </div> 
+
−
    </div> <!-- .site-slider -->
+
−
   
+
−
 
+
−
    <div class="first-section">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-md-6">
+
−
                    <h3>Responsive Design</h3>
+
−
                    <p>Stone template is provided by <a href="http://www.templatemo.com" target="_parent">templatemo</a> website. Credits go to Smashing Magazine for <a href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions Icon Set</a> and <a href="http://unsplash.com">Unsplash</a> for images. Praesent imperdiet orci se ante vehicula pulvinar. Morbi adipiscing molestie iaculis. Maecenas accumsan gravida est, quis placerat neque ullamcorper vitae.
+
−
                  <br><br>Aenean cursus non neque at porta. Lorem ipsum dolor  amet, consectetur adipiscing elit. Praesent massa justo, eleifend ut purus sed, pellentesque scelerisque ligula. Fusce ullamcorper rutrum est, nec ullamcorper velit cursus eget.</p>
+
−
                </div>
+
−
                <div class="col-md-6 text-center">
+
−
                    <div class="image-holder">
+
−
                        <img src="images/1.png" alt="">
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
 
         </div>
 
         </div>
−
    </div>
+
         <div class="item">
−
 
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Third slide">
−
 
+
−
    <div class="second-section">
+
−
         <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-md-3 col-sm-6 text-center">
+
−
                    <img src="images/s1.png" alt="">
+
−
                    <h4>DRAW THE SCATCH</h4>
+
−
                </div>
+
−
                <div class="col-md-3 col-sm-6 text-center">
+
−
                    <img src="images/s2.png" alt="">
+
−
                    <h4>MIX IT UP</h4>
+
−
                </div>
+
−
                <div class="col-md-3 col-sm-6 text-center">
+
−
                    <img src="images/s3.png" alt="">
+
−
                    <h4>TAKE A PHOTO</h4>
+
−
                </div>
+
−
                <div class="col-md-3 col-sm-6 text-center">
+
−
                    <img src="images/s4.png" alt="">
+
−
                    <h4>PREVIEW PRINT</h4>
+
−
                </div>
+
−
            </div>
+
 
         </div>
 
         </div>
−
    </div>
+
        <div class="item">
 +
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fourth slide">
 +
        </div>
 +
      </div>
 +
      <a href="#carousel-home" class="left carousel-control" data-slide="prev">
 +
        <span class="icon-prev"></span>
 +
      </a><!-- end left control -->
 +
      <a href="#carousel-home" class="right carousel-control" data-slide="next">
 +
        <span class="icon-next"></span>
 +
      </a>
  
−
 
−
 
−
    <div class="third-section">
 
−
        <div class="container">
 
−
            <div class="row">
 
−
                <div class="col-md-6">
 
−
                    <h2>First Procedure</h2>
 
−
                    <span>(Pellentesque ligula lectus)</span>
 
−
                    <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.
 
−
                    <br><br>Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum lorem molestie eget. Phasellus tristique sapien non placerat eleifend. Nam quis velit non quam bibendum vestibulum ac et purus.</p>
 
−
                </div>
 
−
                <div class="col-md-6">
 
−
                    <h2>Second Procedure</h2>
 
−
                    <span>(In nec lobortis tellus)</span>
 
−
                    <ol class="no-color">
 
−
                        <li>Pellentesque ligula lectus, molestie quis magna lobortis, placerat imperdiet elit.</li>
 
−
                        <li>Praesent sit amet cursus urna. In nec lobortis tellus.</li>
 
−
                        <li>Donec congue, urna non semper interdum, que nisi bibendum tellus.</li>
 
−
                        <li>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</li>
 
−
                        <li>Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus.</li>
 
−
                    </ol>
 
−
                </div>
 
−
            </div>
 
−
            <div class="row">
 
−
                <div class="col-md-6">
 
−
                    <h2>Third Procedure</h2>
 
−
                    <span>(Donec convallis elementum convallis)</span>
 
−
                    <ol>
 
−
                        <li>
 
−
                            <h4>Pellentesque ligula lectus, molestie quis magna lobortis.</h4>
 
−
                            <p>Praesent sit amet cursus urna. In nec lobortis tellus. Donec congue, urna non semper        interdum, que nisi bibendum tellus, sed tempus tellus neque et leo. </p>
 
−
                        </li>
 
−
                        <li>
 
−
                            <h4>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</h4>
 
−
                            <p>Donec convallis elementum convallis. Duis ac purus sem. Fusce id nunc tellus. Maecenas vitae ornare arcu. Phasellus gravida congue turpis, eu bibendum.</p>
 
−
                        </li>
 
−
                        <li>
 
−
                            <h4>Lorem molestie eget tristique sapien non placerat eleifend. </h4>
 
−
                            <p>Nam quis velit non quam bibendum vestibulum ac et purus. Fusce id nunc tellus. Maecenas vitae ornare arcu.</p>
 
−
                        </li>
 
−
                    </ol>
 
−
                </div>
 
−
                <div class="col-md-6">
 
−
                    <h2>Fourth Procedure</h2>
 
−
                    <span>(Nam quis velit non quam bibendum)</span>
 
−
                    <ol>
 
−
                        <li>
 
−
                            <h4>Pellentesque ligula lectus, molestie quis magna lobortis.</h4>
 
−
                            <ol class="no-color">
 
−
                                <li>Praesent sit amet cursus urna. In nec lobortis tellus.</li>
 
−
                                <li>Donec congue, urna non semper interdum.</li>
 
−
                                <li>Que nisi bibendum tellus, sed tempus tellus neque et leo.</li>
 
−
                                <li>Cras laoreet mi sed nulla lobortis, epharetra eros laoreet.</li>
 
−
                            </ol>
 
−
                        </li>
 
−
                        <li>
 
−
                            <h4>Donec convallis elementum convallis. Duis ac purus sem.</h4>
 
−
                            <ol class="no-color">
 
−
                                <li>Fusce id nunc tellus. </li>
 
−
                                <li>Maecenas vitae ornare arcu. </li>
 
−
                                <li>Phasellus gravida congue turpis, eu bibendum lorem molestie eget. </li>
 
−
                                <li>Phasellus tristique sapien non placerat eleifend.</li>
 
−
                            </ol>
 
−
                        </li>
 
−
                    </ol>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
 
     </div>
 
     </div>
  
 +
  <section id="features">
 +
    <div id="Tour-section">
 +
      <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour">
  
−
    <div class="fourth-section">
+
      <map name="TakeTour">
−
         <div class="container">
+
         <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
−
            <div class="row">
+
        <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design">
−
                <div class="col-md-12 text-center">
+
        <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results">
−
                    <h2>NEW PRODUCT PROMOTION ?</h2>
+
        <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">
−
                    <a href="contact.html">(BE THERE RIGHT NOW)</a>
+
        <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling">
−
                </div>
+
        <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices">
−
            </div>
+
        <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">
−
        </div>
+
      </map>
 
     </div>
 
     </div>
  
−
   
+
  </section>
−
 
+
−
    <footer class="site-footer">
+
−
        <div class="container">
+
−
            <div class="row">
+
−
                <div class="col-md-12 text-center">
+
−
                    <ul class="social">
+
−
                        <li class="twitter"><a href="#" class="fa fa-twitter"></a></li>
+
−
                        <li class="facebook"><a href="#" class="fa fa-facebook"></a></li>
+
−
                        <li class="rss"><a href="#" class="fa fa-rss"></a></li>
+
−
                        <li class="linkedin"><a href="#" class="fa fa-linkedin"></a></li>
+
−
                    </ul>
+
−
                    <p>Copyright &copy; 2084 Company Name</p>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </footer>
+
−
 
+
−
    <script src="js/vendor/jquery-1.10.1.min.js"></script>
+
−
    <script src="js/bootstrap.min.js"></script>
+
−
    <script src="js/plugins.js"></script>
+
−
    <script src="js/main.js"></script>  
+
−
   
+
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{:Team:EPF_Lausanne/Test/footer}}

Latest revision as of 11:07, 16 September 2015

EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

Take a tour Project Design Results Tour Modeling Practices meetus
EPFL 2015 iGEM bioLogic Logic Orthogonal gRNA Implemented Circuits

NOT PROOFREAD