|
|
(82 intermediate revisions not shown) |
Line 7: |
Line 7: |
| <body> | | <body> |
| | | |
- | <header class="initial-nav-scroll-up"> | + | <header id="wiki-header" class="initial-nav-scroll-up"> |
- | <div class="navbar navbar-default navbar-fixed-top" role="navigation">
| + | |
- | | + | |
- | <div class="mypic navbar-fixed-top img-responsive hidden-sm hidden-xs" style="padding-left: 0px">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/f/f2/ITESM14_corner.png"></img>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="container-fluid">
| + | |
- | <div class="navbar-header">
| + | |
- | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
| + | |
- | <span class="sr-only">Toggle navigation</span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | <span class="icon-bar"></span>
| + | |
- | </button>
| + | |
- | </div>
| + | |
- | <a class="brand" href="#"><img src="igem-logo-small.png"></a>
| + | |
- | <div class="class= collapse navbar-collapse col-md-offset-3 pull-right">
| + | |
- | <ul class="nav navbar-nav" style="font-family: 'Yanone Kaffeesatz';">
| + | |
- | <li id="home"><a href="index.html">Home</a></li>
| + | |
- | <li id="project" class="dropdown">
| + | |
- | <a href="project.html" class="dropdown-toggle disabled" data-toggle="dropdown">Project</a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a href="#">Notebook</a></li>
| + | |
- | <li><a href="#">Protcols</a></li>
| + | |
- | <li><a href="#">Mathematical models</a></li>
| + | |
- | <li><a href="#">Module I</a></li>
| + | |
- | <li><a href="#">Module II</a></li>
| + | |
- | <li><a href="#">Module III</a></li>
| + | |
- | <li><a href="#">Module IV</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="achievements" class="dropdown">
| + | |
- | <a href="achievements.html" class="dropdown-toggle disabled" data-toggle="dropdown">Achievements</a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a href="#">Results</a></li>
| + | |
- | <li><a href="#">Biobricks</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="safety" class="dropdown">
| + | |
- | <a href="safety.html" class="dropdown-toggle disabled" data-toggle="dropdown">Safety</a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a href="#">Safety protocols</a></li>
| + | |
- | <li><a href="#">Safety of the project</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="human-practice" class="dropdown">
| + | |
- | <a href="human-practice.html" class="dropdown-toggle disabled" data-toggle="dropdown">Human Practice</a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a href="#">Kids and Health</a></li>
| + | |
- | <li><a href="#">Cancer in México</a></li>
| + | |
- | <li><a href="#">Clases for children</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="collaboration" class="dropdown">
| + | |
- | <a href="collaboration.html" class="dropdown-toggle disabled" data-toggle="dropdown">Collaboration</a>
| + | |
- | <ul class="dropdown-menu">
| + | |
- | <li><a href="#">Kids and Health</a></li>
| + | |
- | <li><a href="#">Cancer in México</a></li>
| + | |
- | <li><a href="#">Clases for Children</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li id="igem-logo"><a href="team.html">Team</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Main_Page"><img src="logo_igem.png" height="34px" style="margin: -7px" ></a></li>
| + | |
- | <li id="social-media">
| + | |
- | <a href="https://www.facebook.com/IgemTecMonterrey" style="padding: 4px">
| + | |
- | <i class="fa fa-facebook" style="font-size: 17px"></i>
| + | |
- | <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="true"></div>
| + | |
- | </a>
| + | |
- | <a href="https://twitter.com/iGEMTecMty" style="padding: 4px">
| + | |
- | <i class="fa fa-twitter" style="font-size: 17px"></i>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li><a id="show-menu" class="glyphicon glyphicon-collapse-down" href="#" style="font-size: 16px;"></a></li>
| + | |
- | </ul>
| + | |
- | </div><!--/.nav-collapse -->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
| </header> | | </header> |
| | | |
| <div id ="wiki-content" class="main-content"> | | <div id ="wiki-content" class="main-content"> |
| | | |
- | <div class="jumbotron col-md-offset-3" style="background: transparent; padding-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left:0;"> | + | <div class="jumbotron" style="background: transparent; padding-top: 0; margin-bottom: 0; padding-bottom: 0; padding-left:0;"> |
- | <div class="container">
| + | <div class="container style="margin-left:20%;"> |
- | <h1 style="color: #f4ff3b; font-size: 8vw; padding: 0; margin: 0; font-weight: lighter;">Using a Trojan horse strategy to kill cancerous cells</h1>
| + | <span><img class="col-sm-8 col-sm-offset-2 img img-responsive" style="padding:0px 0px 0px 0px; margin-left:10%; -moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH; |
- | </div>
| + | -ms-filter: "FlipH";" src="https://static.igem.org/mediawiki/2014/3/37/ITESM14_Home.png"></span> |
- | </div>
| + | <span><h1 class="col-md-10 text-center"style="color: #f4ff3b; font-size: 5vw; padding: 0; margin: 0 0 30px 10%; font-weight: lighter;"><i>"Using a Trojan horse strategy to kill cancerous cells"</i></h1></span> |
| + | </div> |
| + | </div> |
| | | |
| <div class="well"> | | <div class="well"> |
| <div class="container"> | | <div class="container"> |
| <div class="video-container"> | | <div class="video-container"> |
- | <iframe width="1280" height="720" src="http://www.youtube.com/embed/Mr2kGT6i7e4?rel=0" frameborder="0" allowfullscreen></iframe>
| + | <video width="100%" controls poster="https://static.igem.org/mediawiki/2014/9/93/Poster_video_team.png"> |
| + | <source src="https://static.igem.org/mediawiki/2014/8/88/ITESM14_videoprincipal.mov" type="video/mp4"> |
| + | Your browser does not support the video tag. |
| + | </video> |
| </div> | | </div> |
| <hr> | | <hr> |
Line 108: |
Line 35: |
| </p> | | </p> |
| <hr> | | <hr> |
- | | + | <div id="modulos" class="centered"> |
- | <h1>Modules</h1>
| + | <div class="col-md-3 col-sm-3 col-xs-6"> |
- | <p>
| + | <a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_module1"> |
- | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo ante id mauris scelerisque ullamcorper. Praesent risus enim, tincidunt quis est sed, aliquet sagittis velit. Maecenas purus eros, maximus ac dignissim vel, venenatis iaculis sem. Praesent vel pellentesque eros. Pellentesque eget dictum dolor. Quisque facilisis turpis vitae felis feugiat elementum. Morbi in velit diam. Sed imperdiet dolor ac quam pulvinar, eu pellentesque libero laoreet. Mauris maximus, purus in ultrices dapibus, libero ante vehicula leo, a pharetra lacus leo faucibus purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Cras pellentesque nunc est, a aliquet dui fermentum sit amet.
| + | <img class="img img-responsive" src="https://static.igem.org/mediawiki/2014/2/21/ITESM14_module1-banner.png"> |
- | Nam volutpat vel leo quis rhoncus. Pellentesque orci odio, dignissim eget auctor sodales, lobortis sit amet metus. Integer in tortor et erat vehicula condimentum ac a mi. Nulla ac iaculis nibh. Morbi bibendum pretium quam, at consectetur diam. Pellentesque in turpis nec sem varius sagittis in at eros. Maecenas euismod orci sed ultrices dignissim. Phasellus vitae elit imperdiet, tristique lectus convallis, vulputate sapien. Integer vel arcu lobortis, semper lacus eu, porta eros. Ut elementum pharetra placerat. In in felis gravida, ultrices leo sed, ultricies mauris.
| + | <h1 class="col-md-10 text-center" class="module-title">Attenuation</h1> |
- | Fusce purus felis, tincidunt non diam a, hendrerit viverra dolor. Suspendisse condimentum metus molestie dolor sagittis faucibus. Sed ut mauris aliquam orci luctus maximus. Curabitur luctus tempus quam, id ultricies neque tristique vitae. Mauris gravida vulputate nisi vel luctus. Aliquam iaculis aliquet tortor in pulvinar. Integer facilisis sit amet sapien at egestas. In gravida mi lectus, nec facilisis mi dapibus ac. Praesent quis viverra velit, sed ullamcorper neque. Fusce volutpat nulla diam, ut scelerisque purus egestas vitae. Suspendisse aliquet diam et est accumsan, in feugiat nisi sodales. Ut convallis, enim in eleifend porta, urna dui sodales orci, sit amet hendrerit orci nunc ac elit. Duis faucibus sodales purus. Morbi vitae arcu leo. Mauris egestas ultricies augue, at viverra mi vulputate ac. Suspendisse nec tincidunt justo.
| + | <span class="texto-modulos col-md-10 text-center"> |
- | Maecenas rhoncus mauris id ipsum sodales, ut dictum nisl rutrum. Aliquam commodo est dolor, vel cursus risus accumsan in. Duis sed lectus eu quam bibendum scelerisque sit amet iaculis metus. Aliquam et ullamcorper nisl, non vestibulum lacus. Nulla suscipit urna enim, et convallis tellus laoreet vel. Sed iaculis odio at massa semper finibus. In accumsan volutpat lectus id faucibus. Nam id consequat arcu. Praesent semper blandit mi, non lobortis velit dignissim quis. In non orci vehicula ligula accumsan vehicula. Morbi vehicula et justo eget tincidunt. Integer vulputate nulla sed suscipit pulvinar. Phasellus nibh turpis, interdum eu purus porta, lacinia ornare eros. Integer consequat metus libero. Proin pharetra eros vel orci dapibus convallis. Mauris condimentum dictum felis, at bibendum lacus dignissim in.
| + | <p class="module-description">The module talks about the a knockout of two genes of the E. coli endotoxins to attenuate the immunological response of the patients.</p> |
- | Cras semper ipsum ac nunc commodo faucibus. Vestibulum quis justo ullamcorper tortor auctor mattis. Nulla ac tellus vitae ipsum eleifend interdum. Aliquam condimentum dui est, a mattis lorem convallis ut. Sed a nisl aliquam, porta neque non, ultricies erat. Nunc ultrices dolor orci, ut pretium velit interdum ac. Integer enim nulla, consectetur a ipsum a, laoreet efficitur eros. In enim nulla, dignissim eu nisl ac, porta sagittis metus. Nam vulputate, risus sit amet consectetur congue, risus odio ultrices neque, a ultrices magna sem ac dui. Nullam sapien velit, suscipit non vulputate id, aliquam sed sapien. Duis et ullamcorper sem.
| + | </span> |
- | </p>
| + | </a> |
- | </div>
| + | </div> |
| + | <div class="col-md-3 col-sm-3 col-xs-6"> |
| + | <a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_module2"> |
| + | <img class="img img-responsive" src="https://static.igem.org/mediawiki/2014/1/11/ITESM14_module2-banner.png"> |
| + | <h1 class="col-md-10 col-sm-10 col-xs-10 text-center" class="module-title">Phage engineering</h1> |
| + | <span class="texto-modulos col-md-10 text-center"> |
| + | <p class="module-description">Modifications were made in the phage M13, so it could infect cancerous cells and be produced using Quorum sensing.</p> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="col-md-3 col-sm-3 col-xs-6"> |
| + | <a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_module3"> |
| + | <img class="img img-responsive" src="https://static.igem.org/mediawiki/2014/d/d0/ITESM14_module3-banner.png"> |
| + | <h1 class="col-md-10 col-sm-10 col-xs-10 text-center" class="module-title">Quorum sensing</h1> |
| + | <span class="texto-modulos col-md-10 text-center"> |
| + | <p class="module-description">This system was implemented in the knock-out and is used to cause a coordinated attack from the bacteria that infects the phage.</p> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | <div class="col-md-3 col-sm-3 col-xs-6"> |
| + | <a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_module4"> |
| + | <img class="img img-responsive" src="https://static.igem.org/mediawiki/2014/c/c1/ITESM14_module4-banner.png"> |
| + | <h1 class="col-md-10 col-sm-10 col-xs-10 text-center" class="module-title">Effectors</h1> |
| + | <span class="texto-modulos col-md-10 text-center"> |
| + | <p class="module-description">The action of our effectors, apoptin and siRNA, against cancerous cells is explained here.</p> |
| + | </span> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
Line 123: |
Line 79: |
| </body> | | </body> |
| | | |
- | <footer> | + | <footer id="wiki-footer" > |
- | | + | </footer> |
- | <div class="container-fluid" id="wiki-footer" >
| + | |
- |
| + | |
- | <div class="col-md-3">
| + | |
- | <img src="footer-logo-01.svg" class="img-responsive"></img>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="col-md-3">
| + | |
- | <div class="address">
| + | |
- | <h1>Address:</h1>
| + | |
- | <address style="color: white;">
| + | |
- | <strong>Centro de Biotecnología FEMSA</strong><br>
| + | |
- | Av. Eugenio Garza Sada 2501 Sur<br>
| + | |
- | Col. Tecnológico, Zip Code: 64849<br>
| + | |
- | Monterrey, Nuevo León, México<br>
| + | |
- | Phone number: +52 (81) 8358-2000<br>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="col-md-6">
| + | |
- | <div class="sponsors">
| + | |
- | <div class="col-md-6">
| + | |
- | <img src="nuevo_leon.png" class="img-responsive"></img>
| + | |
- | </div>
| + | |
- | <div class="col-md-6">
| + | |
- | <img src="logoi4.png" class="img-responsive"></img>
| + | |
- | <img src="primario-calado.png" class="img-responsive"></img>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- |
| + | |
- | </footer>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(document).on("scroll",function(){
| + | |
- | if($(document).scrollTop()>500){
| + | |
- | $("header").removeClass("initial-nav-scroll-up").addClass("nav-scroll-down");
| + | |
- | $(".mypic").hide();
| + | |
- | } else{
| + | |
- | $("header").removeClass("nav-scroll-down").addClass("initial-nav-scroll-up");
| + | |
- | $(".mypic").show();
| + | |
- | }
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | <script>
| + | |
- | $('#show-menu').on('click', function(e) {
| + | |
- | e.preventDefault();
| + | |
- | if($('.left-menu').is(":visible")) {
| + | |
- | $('.left-menu').hide();
| + | |
- | $('.right-menu').hide();
| + | |
- | $( "#show-menu" ).removeClass("glyphicon-collapse-up");
| + | |
- | $( "#show-menu" ).addClass("glyphicon-collapse-down");
| + | |
- | }else{
| + | |
- | $('.left-menu').show();
| + | |
- | $('.right-menu').show();
| + | |
- | $( "#show-menu" ).removeClass("glyphicon-collapse-down");
| + | |
- | $( "#show-menu" ).addClass("glyphicon-collapse-up");
| + | |
- | }
| + | |
- | });
| + | |
- | </script>
| + | |
| | | |
| <script> | | <script> |
| + | $(window).load(function() { |
| $( "#home" ).addClass("active"); | | $( "#home" ).addClass("active"); |
| + | }); |
| </script> | | </script> |
| | | |