Difference between revisions of "Team:TecMonterrey GDL"

Line 262: Line 262:
 
                 <div id="carouselControls" class="carousel vert slide" data-ride="carousel" data-interval="900000">
 
                 <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">
                            <div class="carousel-inner">
+
                                <div class="carousel-inner">
                                <div class="carousel-item active">
+
                                    <div class="carousel-item active">
                                    <div class="row">  
+
                                        <div class="row">  
                                        <div class="col-3" style="display:flex;justify-content:center;align-items:center;">
+
                                            <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>
                                                    <h4>in your</h4>
+
                                                        <h4>in your</h4>
                                                    <h3>BRAIN</h3>
+
                                                        <h3>BRAIN</h3>
 +
                                                </div>
 
                                             </div>
 
                                             </div>
                                        </div>
+
                                            <div class="col-5" style="display:flex;justify-content:center;align-items:center;">
                                        <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" style="display:flex;justify-content:center;align-items:flex-end;">
                                        <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">
                                            <img class="image" src="https://static.igem.org/mediawiki/2018/5/52/T--TecMonterrey_GDL--cerebro.png">
+
                                            </div>
                                        </div>
+
                                        </div>     
                                    </div>     
+
                                    </div>
                                </div>
+
                                   
                               
+
                                    <div class="carousel-item">
                                <div class="carousel-item">
+
                                        <div class="row">
                                    <div class="row">
+
                                            <div class="col-8">
                                        <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-text1">There is a strong connection between the brain and the intestinal microbiota.</p>
+
                                               
                                           
+
                                                <img class="conector slide2-conector1" src="https://static.igem.org/mediawiki/2018/6/6f/T--TecMonterrey_GDL--Conector1.png" alt="conector">
                                            <img class="conector slide2-conector1" src="https://static.igem.org/mediawiki/2018/6/6f/T--TecMonterrey_GDL--Conector1.png" alt="conector">
+
                                               
                                           
+
                                                <p class="carousel-inner-text slide2-text2">
                                            <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.
                                                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>
                                            </p>
+
  
                                            <img class="conector slide2-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
+
                                                <img class="conector slide2-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
  
                                        </div>
+
                                            </div>
                                        <div class="col-4" style="display:flex;justify-content:center;align-items:flex-start;">
+
                                            <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">
+
                                                <img class="image" src="https://static.igem.org/mediawiki/2018/0/09/T--TecMonterrey_GDL--intestino1.png">
 +
                                            </div>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                </div>
+
                                   
                               
+
                                    <div class="carousel-item">
                                <div class="carousel-item">
+
                                        <div class="row">
                                    <div class="row">
+
                                            <div class="col-7">
                                        <div class="col-7">
+
                                                <p class="carousel-inner-text slide3-text1">
                                            <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.
                                                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/9/9a/T--TecMonterrey_GDL--conector5.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.
+
                                                </p>
                                            </p>
+
  
                                            <img class="conector slide3-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
+
                                                <img class="conector slide3-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
  
                                        </div>
+
                                            </div>
                                       
+
                                           
                                        <div class="col-5">
+
                                            <div class="col-5">
                                            <img class="image" src="https://static.igem.org/mediawiki/2018/d/d9/T--TecMonterrey_GDL--estomago.png">
+
                                                <img class="image" src="https://static.igem.org/mediawiki/2018/d/d9/T--TecMonterrey_GDL--estomago.png">
                                        </div>
+
                                            </div>
                                    </div>                                         
+
                                        </div>                                         
                                </div>
+
                                    </div>
  
                                <div class="carousel-item">
+
                                    <div class="carousel-item">
                                    <div class="row">
+
                                        <div class="row">
                                        <div class="col-4" style="overflow:visible;">
+
                                            <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">
+
                                                <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>
+
                                                </p>
  
                                            <img class="conector slide4-conector2" src="https://static.igem.org/mediawiki/2018/e/eb/T--TecMonterrey_GDL--conector2.png" alt="conector">
+
                                                <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">
+
                                                <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.
+
                                                        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>
                                           
+
                                               
                                        </div>
+
                                            </div>
                                             <div class="col-5 image" style="background-image:url('https://static.igem.org/mediawiki/2018/2/22/T--TecMonterrey_GDL--intestino2.png')">
+
                                             <div class="col-5 image" style="background-image:url('https://static.igem.org/mediawiki/2018/2/22/T--TecMonterrey_GDL--intestino2.png')"></div>
 +
                                            </div>
 +
 
 +
                                            <div class="col-2" style="overflow:visible;">
 +
                                               
 
                                             </div>
 
                                             </div>
                                        </div>
 
  
                                        <div class="col-2" style="overflow:visible;">
 
 
                                         </div>
 
                                         </div>
 +
                                    </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>
 
                            <!-- <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>
 
  
 
                         <div class="col-1">
 
                         <div class="col-1">
Line 376: Line 375:
 
                             </ol>
 
                             </ol>
 
                         </div>
 
                         </div>
                     </div>                  
+
                       
 +
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 07:33, 7 October 2018

A GIFT FROM YOUR GUT

TO YOUR WELL BEING