Difference between revisions of "Team:TecMonterrey GDL"

Line 1: Line 1:
 
{{TecMonterrey_GDL}}
 
{{TecMonterrey_GDL}}
 
<html>
 
<html>
 
 
     <style>
 
     <style>
 
         .home-headers{
 
         .home-headers{
Line 26: Line 25:
  
 
         .home-headers h3, .home-headers h4, .home-headers h5{
 
         .home-headers h3, .home-headers h4, .home-headers h5{
             color: rgb(66, 131, 123);
+
             color: rgb(52, 88, 109);
             text-align: justify;
+
             text-align: center;
 
         }
 
         }
  
Line 37: Line 36:
  
 
         .home-headers h4{
 
         .home-headers h4{
             font-weight: 500;
+
             font-weight: 100;
 
             font-size: 70px;
 
             font-size: 70px;
 
             letter-spacing: -5px;       
 
             letter-spacing: -5px;       
Line 50: Line 49:
 
         .carousel-inner-text{
 
         .carousel-inner-text{
 
             font-family: 'Roboto', sans-serif !important;  
 
             font-family: 'Roboto', sans-serif !important;  
             font-size: 24px !important;
+
             font-size: 22px !important;
 
             text-align: center !important;
 
             text-align: center !important;
             font-weight: 100 !important;
+
             font-weight: 300 !important;
 
             font-style: normal !important;
 
             font-style: normal !important;
 
         }
 
         }
  
 
         .carousel-inner-text.slide2-text1{
 
         .carousel-inner-text.slide2-text1{
             position: relative;
+
             position: absolute;
 
             top: 15%;
 
             top: 15%;
 
             display: block;
 
             display: block;
             width: 400px;
+
             width: 300px;
 
             left: 10%;
 
             left: 10%;
 
         }
 
         }
  
 
         .carousel-inner-text.slide2-text2{
 
         .carousel-inner-text.slide2-text2{
             position: relative;
+
             position: absolute;
             top: 40%;
+
             top: 50%;
             left: 15%;
+
             left: 30%;
             width: 500px;
+
             width: 400px;
 
         }
 
         }
  
Line 79: Line 78:
  
 
         .carousel-inner-text.slide3-text2 {
 
         .carousel-inner-text.slide3-text2 {
             position: relative;
+
             position: absolute;
             top: 10%;
+
             top: 45%;
 
             width: 500px;
 
             width: 500px;
 
         }
 
         }
 
          
 
          
 
         .carousel-inner-text.slide4-text1{
 
         .carousel-inner-text.slide4-text1{
             position: relative;
+
             position: absolute;
             top: 5%;
+
             top: 10%;
             left:5%;
+
             left: 5%;
 
         }
 
         }
  
 
         .carousel-inner-text.slide4-text2{
 
         .carousel-inner-text.slide4-text2{
             position: relative;
+
             position: absolute;
             width: 400px;
+
             width: 300px;
             top: 20%;
+
             top: 60%;
 
         }
 
         }
  
 
         .carousel-inner-text.slide4-text3 {
 
         .carousel-inner-text.slide4-text3 {
 
             position: absolute;
 
             position: absolute;
             width: 300px;
+
             width: 250px;
             right: 10%;
+
             left: 220%;
             top: 25%;
+
             top: 15%;
 
         }
 
         }
  
 
         .container-carousel{
 
         .container-carousel{
             height: 21.5em;
+
             height:100%;
            max-height: 21.5em;
+
 
         }
 
         }
 
   
 
   
Line 171: Line 169:
  
 
         .image{
 
         .image{
             background-size: 100% 100%;
+
             height:100%;
 +
            max-width: 100%;
 
         }
 
         }
  
Line 179: Line 178:
  
 
         .conector.slide2-conector1 {
 
         .conector.slide2-conector1 {
             left: 80%;
+
             left: 60%;
 
             top: 22%;
 
             top: 22%;
             width: 18em;
+
             width: 29.5em;
 
         }
 
         }
  
 
         .conector.slide2-conector2 {
 
         .conector.slide2-conector2 {
             top: 70%;
+
             top: 65%;
            top: 15;
+
 
             left: 95%;
 
             left: 95%;
             width: 10em;
+
             width: 9.5em;
 
         }
 
         }
  
 
         .conector.slide3-conector1 {
 
         .conector.slide3-conector1 {
             width: 5em;
+
             width: 11em;
            height: 0.7em;
+
             left: 110%;
             left: 114%;
+
 
             top: 15%;
 
             top: 15%;
 
         }
 
         }
Line 200: Line 197:
 
         .conector.slide3-conector2{
 
         .conector.slide3-conector2{
 
             top:70%;
 
             top:70%;
             left: 83%;
+
             left: 85%;
             width: 10em;
+
             width: 11em;
 +
        }
 +
 
 +
        .conector.slide4-conector1{
 +
            top:25%;
 +
            left:105%;
 +
            width:7em;
 +
        }
 +
 
 +
        .conector.slide4-conector2{
 +
            top:70%;
 +
            left:90%;
 +
            width:7em;
 
         }
 
         }
  
 
         .row{
 
         .row{
             height: 21.5em;
+
             height: 27.7em;
 
         }
 
         }
 +
 +
        .cool-container{
 +
            border-style: solid;
 +
            border-width: 2px;
 +
            border-color: rgb(129, 165, 151);
 +
            background-color:white;
 +
            margin-top: 2em;
 +
            height: 28em;
 +
            padding: 0;
 +
            width: 100%;
 +
            overflow-x: hidden;
 +
            overflow-y: auto;
 +
            position: relative;
 +
        }
 +
        .cool-wrapper{
 +
            padding-top: 3em;
 +
            min-height: 100%;
 +
            width: 100%;
 +
        }
 +
  
 
     </style>
 
     </style>
Line 229: Line 258:
 
     </div>
 
     </div>
 
     <div class="cool-container">
 
     <div class="cool-container">
             <div class="cool-wrapper">
+
             <div class="cool-wrapper" style="padding:0!important;">
 
             <div class="container-carousel">
 
             <div class="container-carousel">
                 <div id="carouselControls" class="carousel vert slide" data-ride="carousel" data-interval="9000">
+
                 <div id="carouselControls" class="carousel vert slide" data-ride="carousel" data-interval="900000">
 
                     <div class="row" style="margin:0px;">
 
                     <div class="row" style="margin:0px;">
 
                             <div class="col-11">
 
                             <div class="col-11">
Line 237: Line 266:
 
                                     <div class="carousel-item active">
 
                                     <div class="carousel-item active">
 
                                         <div class="row">  
 
                                         <div class="row">  
                                             <div class="col-4">
+
                                             <div class="col-3" style="display:flex;justify-content:center;align-items:center;">
 
                                                 <div class="home-headers">
 
                                                 <div class="home-headers">
 
                                                         <h5>it all starts</h5>
 
                                                         <h5>it all starts</h5>
Line 244: Line 273:
 
                                                 </div>
 
                                                 </div>
 
                                             </div>
 
                                             </div>
                                             <div class="col-4">
+
                                             <div class="col-5" style="display:flex;justify-content:center;align-items:center;">
 
                                                 <p class="carousel-inner-text">
 
                                                 <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.
 
                                                     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>
 
                                                 </p>
 
                                             </div>
 
                                             </div>
                                             <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/5/52/T--TecMonterrey_GDL--cerebro.png')">
+
                                             <div class="col-4" style="display:flex;justify-content:center;align-items:flex-end;">
 +
                                                <img class="image" src="https://static.igem.org/mediawiki/2018/5/52/T--TecMonterrey_GDL--cerebro.png">
 
                                             </div>
 
                                             </div>
 
                                         </div>     
 
                                         </div>     
Line 268: Line 298:
  
 
                                             </div>
 
                                             </div>
                                             <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--intestino.png')">
+
                                             <div class="col-4" style="display:flex;justify-content:center;align-items:flex-start;">
 +
                                                <img class="image" src="https://static.igem.org/mediawiki/2018/0/09/T--TecMonterrey_GDL--intestino1.png">
 
                                             </div>
 
                                             </div>
 
                                         </div>
 
                                         </div>
Line 279: Line 310:
 
                                                     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.
 
                                                     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>
 
+
                                                    <img class="conector slide3-conector1" src="https://static.igem.org/mediawiki/2018/9/9a/T--TecMonterrey_GDL--conector5.png" alt="conector">
                                                <img class="conector slide3-conector1" src="https://static.igem.org/mediawiki/2018/6/6f/T--TecMonterrey_GDL--Conector1.png" alt="conector">
+
 
+
 
                                                 <p class="carousel-inner-text slide3-text2">
 
                                                 <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.
 
                                                     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.
Line 290: Line 319:
 
                                             </div>
 
                                             </div>
 
                                              
 
                                              
                                             <div class="col-4 image" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d9/T--TecMonterrey_GDL--estomago.png')">
+
                                             <div class="col-5">
 +
                                                <img class="image" src="https://static.igem.org/mediawiki/2018/d/d9/T--TecMonterrey_GDL--estomago.png">
 
                                             </div>
 
                                             </div>
 
                                         </div>                                         
 
                                         </div>                                         
Line 297: Line 327:
 
                                     <div class="carousel-item">
 
                                     <div class="carousel-item">
 
                                         <div class="row">
 
                                         <div class="row">
                                             <div class="col-5">
+
                                             <div class="col-4" style="overflow:visible;">
 
                                                 <p class="carousel-inner-text slide4-text1">
 
                                                 <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.
 
                                                     We aim to generate a microorganism that is capable of blocking the signaling produced by stress and inflammation in the body.
 
                                                 </p>
 
                                                 </p>
 +
 +
                                                <img class="conector slide4-conector1" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
 +
 
                                                 <p class="carousel-inner-text slide4-text2">
 
                                                 <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.
 
                                                     To achieve this, we will first use E. coli as a model organism due to its simplicity and ease of manipulation.
 +
                                                </p>
 +
 +
                                                <img class="conector slide4-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
 +
 +
                                                <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>
 
                                                 </p>
 
                                                  
 
                                                  
Line 309: Line 348:
 
                                             </div>
 
                                             </div>
  
                                             <div class="col-2">
+
                                             <div class="col-2" style="overflow:visible;">
                                                <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>
  
Line 345: Line 382:
 
     </div>
 
     </div>
 
</div>
 
</div>
 
 
<br>
 
<br>
 
<br>
 
<br>

Revision as of 07:14, 7 October 2018

A GIFT FROM YOUR GUT

TO YOUR WELL BEING