Difference between revisions of "Team:TecMonterrey GDL"

 
(24 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
−
    <style>
+
<head>
−
        .home-headers{
+
  <meta charset="utf-8">
−
            font-family: 'Code Caption', sans-serif;
+
  <title>TecMonterrey_GDL</title>
−
        }
+
  
−
        .home-headers h1{
 
−
            color: #a36996;
 
−
            text-shadow: 5px 0px 0px #723f66;
 
−
            font-size:4vw;
 
−
            font-weight: 900;
 
−
            letter-spacing: -5px;
 
−
            padding-left: 10vw;
 
−
        }
 
−
        .home-headers h2{
 
−
            color:pink;
 
−
            letter-spacing: -2px;
 
−
            padding-left: 1rem;
 
−
            text-shadow: -3px 0px 0px #bb7dab;
 
−
            font-size: 54px;
 
−
            font-weight: 900;
 
−
            padding-top: 3rem;
 
−
        }
 
  
−
        .home-headers h3, .home-headers h4, .home-headers h5{
+
  <!-- mobile responsive meta -->
−
            color: rgb(66, 131, 123);
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
            text-align: justify;
+
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
−
        }
+
</head>
  
−
        .home-headers h3{
 
−
            font-weight: 900;
 
−
            font-size: 70px;
 
−
            letter-spacing: -5px; 
 
−
        }
 
  
−
        .home-headers h4{
+
<body>
−
            font-weight: 500;
+
  <div class="page-wrapper">
−
            font-size: 70px;
+
    <!-- Preloader -->
−
            letter-spacing: -5px;     
+
    <!-- <div class="preloader"></div> -->
−
        }
+
    <!-- Preloader -->
  
−
        .home-headers h5{
 
−
            font-weight: 300;
 
−
            font-size: 50px;
 
−
            letter-spacing: -5px;   
 
−
        }
 
  
−
        .carousel-inner-text{
 
−
            font-family: 'Roboto', sans-serif !important;
 
−
            font-size: 24px !important;
 
−
            text-align: center !important;
 
−
            font-weight: 100 !important;
 
−
            font-style: normal !important;
 
−
        }
 
  
−
        .carousel-inner-text.slide2-text1{
 
−
            position: relative;
 
−
            top: 15%;
 
−
            display: block;
 
−
            width: 400px;
 
−
            left: 10%;
 
−
        }
 
  
−
        .carousel-inner-text.slide2-text2{
 
−
            position: relative;
 
−
            top: 40%;
 
−
            left: 15%;
 
−
            width: 500px;
 
−
        }
 
  
−
        .carousel-inner-text.slide3-text1 {
+
<!--Header Upper-->
−
            position: relative;
+
−
            top: 5%;
+
−
            width: 600px;
+
−
            left: 12%;
+
−
        }
+
  
−
        .carousel-inner-text.slide3-text2 {
 
−
            position: relative;
 
−
            top: 10%;
 
−
            width: 500px;
 
−
        }
 
−
       
 
−
        .carousel-inner-text.slide4-text1{
 
−
            position: relative;
 
−
            top: 5%;
 
−
            left:5%;
 
−
        }
 
  
−
        .carousel-inner-text.slide4-text2{
+
<!--Main Header-->
−
             position: relative;
+
<nav class="navbar navbar-default">
−
             width: 400px;
+
    <a class="navbar-brand">
−
             top: 20%;
+
      <img src="https://static.igem.org/mediawiki/2018/e/e3/T--TecMonterrey_GDL--Home--logo.png" width="80">
−
        }
+
    </a>
 +
      <div class="container">
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 +
             <div class="navbar-header">
 +
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
 +
                        aria-expanded="false">
 +
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                  </button>
 +
             </div>
 +
             <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
              <ul class="nav navbar-nav">
 +
                <li class="active"><a href="https://2018.igem.org/Team:TecMonterrey_GDL">Home<span class="sr-only">(current)</span></a></li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Description">Description</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Abstract">Abstract</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Attributions">Our team</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Partners">Partners</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Checklist">Checklist</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dry lab<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Parts">Parts</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Composite_Part">Constructs</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Model">Mathematical model</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet lab<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/InterLab">Interlab</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Collaborations">Collaborations</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Improve">Improvement</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human practices<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Human_Practices">Timeline</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href=" https://2018.igem.org/Team:TecMonterrey_GDL/Public_Engagement">Public engagement</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Results<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/GeneticE">Genetic engineering</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Demonstrate">Biomimetric Tri-cultures</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Gut-on-a-chip">Gut on a chip</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Protocols">Protocols</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Lab_Logs">Lab agenda</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li class="dropdown ">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">What's next?<span class="caret"></span></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Entrepreneurship">Business model</a></li>
 +
                    <li role="separator" class="divider"></li>
 +
                    <li><a href="https://2018.igem.org/Team:TecMonterrey_GDL/Legal_Aspect">Legal aspect</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
      </div>
 +
      <!-- /.container-fluid -->
 +
</nav>
 +
<!--End Main Header -->
  
−
        .carousel-inner-text.slide4-text3 {
+
<!--=================================
−
            position: absolute;
+
=            Page Slider            =
−
            width: 300px;
+
==================================-->
−
            right: 10%;
+
<!--====  End of Page Slider  ====-->
−
            top: 25%;
+
−
        }
+
  
−
        .container-carousel{
 
−
            height: 21.5em;
 
−
            max-height: 21.5em;
 
−
        }
 
−
 
−
        .vert .carousel-item-next.carousel-item-left,
 
−
        .vert .carousel-item-prev.carousel-item-right {
 
−
            -webkit-transform: translate3d(0, 0, 0);
 
−
            transform: translate3d(0, 0, 0);
 
−
        }
 
  
−
        .vert .carousel-item-next,
 
−
        .vert .active.carousel-item-right {
 
−
            -webkit-transform: translate3d(0, 100%, 0);
 
−
            transform: translate3d(0, 100% 0);
 
−
        }
 
  
−
        .vert .carousel-item-prev,
+
<!--about section-->
−
        .vert .active.carousel-item-left {
+
<section class="feature-section ">
−
        -webkit-transform: translate3d(0,-100%, 0);
+
  <center>
−
        transform: translate3d(0,-100%, 0);
+
  <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/b5/T--TecMonterrey_GDL--Home--recorridocerebroaintestino.png" alt="service-image">
−
        }
+
</center>
−
        .carousel-indicators li::after {
+
</section>
−
            position: absolute;
+
<!--End about section-->
−
            bottom: -10px;
+
−
            left: 0;
+
−
            display: inline-block;
+
−
            width: 100%;
+
−
            height: 10px;
+
−
            content: "";
+
−
        }
+
−
        .carousel-indicators li::before {
+
−
            position: absolute;
+
−
            top: -10px;
+
−
            left: 0;
+
−
            display: inline-block;
+
−
            width: 100%;
+
−
            height: 10px;
+
−
            content: "";
+
−
        }
+
−
        .carousel-indicators li.active {
+
−
            width: 20px !important;
+
−
            height: 20px !important;
+
−
            background-color: #7c4e72 !important;
+
−
        }
+
  
−
        .carousel-indicators li {
 
−
            position: relative;
 
−
            -ms-flex: 0 1 auto;
 
−
            flex: 0 1 auto;
 
−
            margin-right: 3px;
 
−
            margin-left: 3px;
 
−
            text-indent: -999px;
 
−
            cursor: pointer;
 
−
            width: 12px !important;
 
−
            height: 12px !important;
 
−
            margin-top: 8px;
 
−
            border-radius: 100%;
 
−
            background-color: #a36996 !important;
 
−
        }
 
  
−
        .carousel-indicators{
+
<!--footer-main-->
−
            bottom: 40%!important;
+
<footer class="footer-main">
−
            flex-direction: column!important;
+
  <div class="footer-top">
−
            align-items: center;
+
  <!--PATROCINADORES-->
−
        }
+
  <center>
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/6/67/T--TecMonterrey_GDL--Home--1.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/0/02/T--TecMonterrey_GDL--Home--2.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/c/cc/T--TecMonterrey_GDL--Home--3.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/1/17/T--TecMonterrey_GDL--Home--4.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/d/db/T--TecMonterrey_GDL--Home--5.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/2/2a/T--TecMonterrey_GDL--Home--6.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/9/93/T--TecMonterrey_GDL--Home--7.png" alt="service-image">
 +
    <img class="sponsor-box"  src="https://static.igem.org/mediawiki/2018/7/7b/T--TecMonterrey_GDL--Home--8.png" alt="service-image">
 +
  </center>
 +
  </div>
 +
  <div class="footer-bottom">
 +
  <center>
 +
  <p style="color: #ffffff; text-align:center">TecMonterrey_GDL</p>
 +
  <a href="https://www.facebook.com/pg/IGem-2018-Tec-GDL-1844545129181886/about/?ref=page_internal">
 +
    <img width="25px"
 +
    src="data:image/svg+xml;base64,
 +
  PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDkwIDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5MCA5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPgoJPHBhdGggaWQ9IkZhY2Vib29rX194MjhfYWx0X3gyOV8iIGQ9Ik05MCwxNS4wMDFDOTAsNy4xMTksODIuODg0LDAsNzUsMEgxNUM3LjExNiwwLDAsNy4xMTksMCwxNS4wMDF2NTkuOTk4ICAgQzAsODIuODgxLDcuMTE2LDkwLDE1LjAwMSw5MEg0NVY1NkgzNFY0MWgxMXYtNS44NDRDNDUsMjUuMDc3LDUyLjU2OCwxNiw2MS44NzUsMTZINzR2MTVINjEuODc1QzYwLjU0OCwzMSw1OSwzMi42MTEsNTksMzUuMDI0VjQxICAgaDE1djE1SDU5djM0aDE2YzcuODg0LDAsMTUtNy4xMTksMTUtMTUuMDAxVjE1LjAwMXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+" />
 +
  </a>
  
−
        .image{
+
<a href="https://www.instagram.com/igem2018_tecgdl/">
−
            background-size: 100% 100%;
+
  <img width="25px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNjMuMjczLDBIMTQ4LjcyOEM2Ni43MTksMCwwLDY2LjcxOSwwLDE0OC43Mjh2MjE0LjU0NEMwLDQ0NS4yODEsNjYuNzE5LDUxMiwxNDguNzI4LDUxMmgyMTQuNTQ0ICAgIEM0NDUuMjgxLDUxMiw1MTIsNDQ1LjI4MSw1MTIsMzYzLjI3M1YxNDguNzI4QzUxMiw2Ni43MTksNDQ1LjI4MSwwLDM2My4yNzMsMHogTTQ3MiwzNjMuMjcyQzQ3Miw0MjMuMjI1LDQyMy4yMjUsNDcyLDM2My4yNzMsNDcyICAgIEgxNDguNzI4Qzg4Ljc3NSw0NzIsNDAsNDIzLjIyNSw0MCwzNjMuMjczVjE0OC43MjhDNDAsODguNzc1LDg4Ljc3NSw0MCwxNDguNzI4LDQwaDIxNC41NDRDNDIzLjIyNSw0MCw0NzIsODguNzc1LDQ3MiwxNDguNzI4ICAgIFYzNjMuMjcyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDExOGMtNzYuMDk0LDAtMTM4LDYxLjkwNi0xMzgsMTM4czYxLjkwNiwxMzgsMTM4LDEzOHMxMzgtNjEuOTA2LDEzOC0xMzhTMzMyLjA5NCwxMTgsMjU2LDExOHogTTI1NiwzNTQgICAgYy01NC4wMzcsMC05OC00My45NjMtOTgtOThzNDMuOTYzLTk4LDk4LTk4czk4LDQzLjk2Myw5OCw5OFMzMTAuMDM3LDM1NCwyNTYsMzU0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPgoJPC9nPgo8L2c+PGc+Cgk8Zz4KCQk8Y2lyY2xlIGN4PSIzOTYiIGN5PSIxMTYiIHI9IjIwIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjZmZmZmZmIj48L2NpcmNsZT4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+" />
−
        }
+
</a>
  
−
        .row{
+
<a href="https://twitter.com/teamtecgdl?lang=es">
−
            height: 21.5em;
+
  <img width="25px"
−
        }
+
  src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzOC41MzYgNDM4LjUzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUzNiA0MzguNTM2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNNDE0LjQxLDI0LjEyM0MzOTguMzMzLDguMDQyLDM3OC45NjMsMCwzNTYuMzE1LDBIODIuMjI4QzU5LjU4LDAsNDAuMjEsOC4wNDIsMjQuMTI2LDI0LjEyMyAgIEM4LjA0NSw0MC4yMDcsMC4wMDMsNTkuNTc2LDAuMDAzLDgyLjIyNXYyNzQuMDg0YzAsMjIuNjQ3LDguMDQyLDQyLjAxOCwyNC4xMjMsNTguMTAyYzE2LjA4NCwxNi4wODQsMzUuNDU0LDI0LjEyNiw1OC4xMDIsMjQuMTI2ICAgaDI3NC4wODRjMjIuNjQ4LDAsNDIuMDE4LTguMDQyLDU4LjA5NS0yNC4xMjZjMTYuMDg0LTE2LjA4NCwyNC4xMjYtMzUuNDU0LDI0LjEyNi01OC4xMDJWODIuMjI1ICAgQzQzOC41MzIsNTkuNTc2LDQzMC40OSw0MC4yMDQsNDE0LjQxLDI0LjEyM3ogTTMzNS40NzEsMTY4LjczNWMwLjE5MSwxLjcxMywwLjI4OCw0LjI3OCwwLjI4OCw3LjcxICAgYzAsMTUuOTg5LTIuMzM0LDMyLjAyNS02Ljk5NSw0OC4xMDRjLTQuNjYxLDE2LjA4Ny0xMS44LDMxLjUwNC0yMS40MTYsNDYuMjU0Yy05LjYwNiwxNC43NDktMjEuMDc0LDI3Ljc5MS0zNC4zOTYsMzkuMTE1ICAgYy0xMy4zMjUsMTEuMzItMjkuMzExLDIwLjM2NS00Ny45NjgsMjcuMTE3Yy0xOC42NDgsNi43NjItMzguNjM3LDEwLjE0My01OS45NTMsMTAuMTQzYy0zMy4xMTYsMC02My43Ni04Ljk1Mi05MS45MzEtMjYuODM2ICAgYzQuNTY4LDAuNTY4LDkuMzI5LDAuODU1LDE0LjI3NSwwLjg1NWMyNy42LDAsNTIuNDM5LTguNTY1LDc0LjUxOS0yNS43Yy0xMi45NDEtMC4xODUtMjQuNTA2LTQuMTc5LTM0LjY4OC0xMS45OTEgICBjLTEwLjE4NS03LjgwMy0xNy4yNzMtMTcuNjk5LTIxLjI3MS0yOS42OTFjNC45NDcsMC43Niw4LjY1OCwxLjEzNywxMS4xMzIsMS4xMzdjNC4xODcsMCw5LjA0Mi0wLjc2LDE0LjU2LTIuMjc5ICAgYy0xMy44OTQtMi42NjktMjUuNTk4LTkuNTYyLTM1LjExNS0yMC42OTdjLTkuNTE5LTExLjEzNi0xNC4yNzctMjMuODQtMTQuMjc3LTM4LjExNHYtMC41NzEgICBjMTAuMDg1LDQuNzU1LDE5LjYwMiw3LjIyOSwyOC41NDksNy40MjJjLTE3LjMyMS0xMS42MTMtMjUuOTgxLTI4LjI2NS0yNS45ODEtNDkuOTYzYzAtMTAuNjYsMi43NTgtMjAuNzQ3LDguMjc4LTMwLjI2NCAgIGMxNS4wMzUsMTguNDY0LDMzLjMxMSwzMy4yMTMsNTQuODE2LDQ0LjI1MmMyMS41MDcsMTEuMDM4LDQ0LjU0LDE3LjIyNyw2OS4wOTIsMTguNTU4Yy0wLjk1LTMuNjE2LTEuNDI3LTguMTg2LTEuNDI3LTEzLjcwNCAgIGMwLTE2LjU2Miw1Ljg1My0zMC42OTIsMTcuNTYtNDIuMzk5YzExLjcwMy0xMS43MDYsMjUuODM3LTE3LjU2MSw0Mi4zOTQtMTcuNTYxYzE3LjUxNSwwLDMyLjA3OSw2LjI4Myw0My42ODgsMTguODQ2ICAgYzEzLjEzNC0yLjQ3NCwyNS44OTItNy4zMywzOC4yNi0xNC41NmMtNC43NTcsMTQuNjUyLTEzLjYxMywyNS43ODgtMjYuNTUsMzMuNDAyYzEyLjM2OC0xLjcxNiwyMy44OC00Ljk1LDM0LjUzNy05LjcwOCAgIEMzNTcuNDU4LDE0OS43OTMsMzQ3LjQ2MiwxNjAuMTY2LDMzNS40NzEsMTY4LjczNXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+" />
  
−
    </style>
+
</a>
 +
</center>
 +
</div>
  
−
<!-- Uncomment these next lines if you want to work with this page -->
+
</footer>
−
<!-- Comment them if you want to upload the code to the wiki-->
+
<!--End footer-main-->
−
<!-- <head>
+
−
        <script
+
−
        src="https://code.jquery.com/jquery-3.3.1.min.js"
+
−
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+
−
        crossorigin="anonymous"></script>
+
−
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
−
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+
−
    <meta charset="utf-8">
+
−
    <link href="https://fonts.googleapis.com/css?family=Coda+Caption:800|Roboto:100" rel="stylesheet">
+
−
</head>  -->
+
  
−
<div class="container">
 
−
    <div class="home-headers">
 
−
        <h2>A GIFT FROM YOUR GUT</h2>
 
−
        <h1>TO YOUR WELL BEING</h1>
 
−
    </div>
 
−
    <div class="cool-container">
 
−
            <div class="cool-wrapper">
 
−
            <div class="container-carousel">
 
−
                <div id="carouselControls" class="carousel vert slide" data-ride="carousel" data-interval="9000">
 
−
                    <div class="row" style="margin:0px;">
 
−
                            <div class="col-11">
 
−
                                <div class="carousel-inner">
 
−
                                    <div class="carousel-item active">
 
−
                                        <div class="row">
 
−
                                            <div class="col-4">
 
−
                                                <div class="home-headers">
 
−
                                                        <h5>it all starts</h5>
 
−
                                                        <h4>in your</h4>
 
−
                                                        <h3>BRAIN</h3>
 
−
                                                </div>
 
−
                                            </div>
 
−
                                            <div class="col-4">
 
−
                                                <p class="carousel-inner-text">
 
−
                                                    The brain is a complex organ that is part of the Central Nervous System (CNS). It could be defined as the one in charge of controlling and regulating most functions of the body and mind. From vital functions such as breathing or heartbeat, through sleep, hunger or thirst to higher functions.
 
−
                                                </p>
 
−
                                            </div>
 
−
                                            <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/5/52/T--TecMonterrey_GDL--cerebro.png')">
 
−
                                            </div>
 
−
                                        </div>   
 
−
                                    </div>
 
−
                                   
 
−
                                    <div class="carousel-item">
 
−
                                        <div class="row">
 
−
                                            <div class="col-8">
 
−
                                                <p class="carousel-inner-text slide2-text1">There is a strong connection between the brain and the intestinal microbiota.</p>
 
−
 
−
                                                <p class="carousel-inner-text slide2-text2">
 
−
                                                    In the intestine live bacteria that play key roles for humans, such as protection against pathogens, help digestion, control the nervous system and even affect our mood.
 
−
                                                </p>
 
−
                                            </div>
 
−
                                            <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--intestino.png')">
 
−
                                            </div>
 
−
                                        </div>
 
−
                                    </div>
 
−
                                   
 
−
                                    <div class="carousel-item">
 
−
                                        <div class="row">
 
−
                                            <div class="col-7">
 
−
                                                <p class="carousel-inner-text slide3-text1">
 
−
                                                    A microorganism that has been shown to be beneficial to humans is Lactobacillus rhamnosus, since it has probiotic effects that contribute to the well-being of people.
 
−
                                                </p>
 
−
 
−
                                                <p class="carousel-inner-text slide3-text2">
 
−
                                                    It is known that stress in an organism can generate inflammation, which leads to the development of a depressive or anxious disorder. This is because the stress in the body causes inflammation, which produces a molecule that instructs the brain to make the person feel depressed or anxious.
 
−
                                                </p>
 
−
                                            </div>
 
−
                                           
 
−
                                            <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d9/T--TecMonterrey_GDL--estomago.png')">
 
−
                                            </div>
 
−
                                        </div>                                       
 
−
                                    </div>
 
−
 
−
                                    <div class="carousel-item">
 
−
                                        <div class="row">
 
−
                                            <div class="col-5">
 
−
                                                <p class="carousel-inner-text slide4-text1">
 
−
                                                    We aim to generate a microorganism that is capable of blocking the signaling produced by stress and inflammation in the body.
 
−
                                                </p>
 
−
                                                <p class="carousel-inner-text slide4-text2">
 
−
                                                    To achieve this, we will first use E. coli as a model organism due to its simplicity and ease of manipulation.
 
−
                                                </p>
 
−
                                               
 
−
                                            </div>
 
−
                                            <div class="col-5 image" style="background-image:url('https://static.igem.org/mediawiki/2018/2/22/T--TecMonterrey_GDL--intestino2.png')">
 
−
                                            </div>
 
−
 
−
                                            <div class="col-2">
 
−
                                                <p class="carousel-inner-text slide4-text3">
 
−
                                                    Our final product will be a psychobiotic, a microorganism capable of sensing stress and respond by producing a therapeutic molecule to minimize the adverse effects of inflammation, and the symptoms of depressive disorders.
 
−
                                                </p>
 
−
                                            </div>
 
−
 
−
                                        </div>
 
−
                                    </div>   
 
−
 
−
                                </div>
 
−
 
−
                                <!-- <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
 
−
                                    <span class="carousel-control-prev-icon bg-dark rounded-circle" aria-hidden="true"></span>
 
−
                                    <span class="sr-only">Previous</span>
 
−
                                </a>
 
−
                                <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
 
−
                                    <span class="carousel-control-next-icon bg-dark rounded-circle" aria-hidden="true"></span>
 
−
                                    <span class="sr-only">Next</span>
 
−
                                </a> -->
 
−
                            </div>
 
−
 
−
                        <div class="col-1">
 
−
                            <ol class="carousel-indicators">
 
−
                                <li data-target="#carouselControls" data-slide-to="0" class="active"></li>
 
−
                                <li data-target="#carouselControls" data-slide-to="1"></li>
 
−
                                <li data-target="#carouselControls" data-slide-to="2"></li>
 
−
                                <li data-target="#carouselControls" data-slide-to="3"></li>
 
−
                            </ol>
 
−
                        </div>
 
−
                       
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
 
</div>
 
</div>
 +
<!--End pagewrapper-->
 +
</body>
  
−
<br>
 
−
<br>
 
 
</html>
 
</html>
−
 
−
{{TecMonterrey_GDL/Footer}}
 

Latest revision as of 02:32, 18 October 2018

TecMonterrey_GDL
service-image

TecMonterrey_GDL