Difference between revisions of "Team:TecMonterrey GDL/Description"

Line 1: Line 1:
 
{{TecMonterrey_GDL}}
 
{{TecMonterrey_GDL}}
 
<html>
 
<html>
 +
 +
<style>
 +
 +
    /*----------------------------------*/
 +
    /*-------- COLOR PALETTE -----------*/
 +
    /*----------------------------------*/
 +
 +
    .purple-color{
 +
        color: rgb(105, 67, 100);
 +
    }
 +
    .violet-color{
 +
        color: rgb(151, 97, 144);
 +
    }
 +
    .blue-color{
 +
        color: rgb(70, 102, 142);
 +
    }
 +
    .aqua-color{
 +
        color: rgb(0, 151, 167);
 +
    }
 +
 +
    /*----------------------------------*/
 +
    /*--------- PAGE STYLING -----------*/
 +
    /*----------------------------------*/
 +
 +
    .container-fluid{
 +
        margin: 0 1rem 0 1rem;
 +
    }
 +
    .lactobachill-bg{
 +
        width: 100%;
 +
    }
 +
    .microbes-img{
 +
        width: 7rem;
 +
        margin-bottom: 1rem;
 +
    }
 +
    .title{
 +
        font-size: 25px;
 +
        font-weight: bold;
 +
        margin-bottom: 3rem;
 +
        margin-top: 2rem;
 +
    }
 +
    .subtitle{
 +
        font-size: 22px;
 +
        font-weight: bold;
 +
    }
 +
    .symbol{
 +
        font-size: 25px;
 +
        font-weight: bold;
 +
    }
 +
    .text{
 +
        font-size: 18px;
 +
    }
 +
</style>
  
 
<div class="container">
 
<div class="container">
 
     <div class="row">
 
     <div class="row">
−
         <div class="col-6">
+
         <div class="col-12 text-center">
−
             Hola
+
             <img class="lactobachill-bg" src="./lactobachill.png" alt="lactobachill-background">
 
         </div>
 
         </div>
−
         <div class="col-6">
+
         <div class="col-12 text-center">
−
             Mundo
+
             <h2 class="purple-color title">A smart psychobiotic with anxiolytic and antidepressant properties</h2>
 +
        </div>
 +
    </div>
 +
    <div class="row">
 +
        <div class="col-md-5">
 +
            <div class="row">
 +
                <div class="col-8 text-center">
 +
                    <img class="microbes-img" src="./psychotropic.png" alt="probiotics picture">
 +
                    <h3 class="subtitle blue-color">Psychotropic</h3>
 +
                    <p class="text blue-color">Substance that has an effect on people’s state of mind.</p>
 +
                </div>
 +
                <div class="col-4 text-center">
 +
                    <span class="symbol blue-color">+</span>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="col-md-4">
 +
            <div class="row">
 +
                <div class="col-8 text-center">
 +
                    <img class="microbes-img" src="./probiotics.png" alt="probiotics picture">
 +
                    <h3 class="subtitle violet-color">Probiotics</h3>
 +
                    <p class="text violet-color">A microorganism that when consumed maintains or restores beneficial bacteria to the digestive tract.</p>
 +
                </div>
 +
                <div class="col-4 text-center">
 +
                    <span class="symbol blue-color">=</span>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="col-md-3 text-center">
 +
            <img class="microbes-img" src="./psychobiotics.png" alt="probiotics picture">
 +
            <h3 class="subtitle aqua-color">Psychobiotics</h3>
 +
            <p class="text aqua-color">Gut microbiomes may have a significant impact on mood and cognition</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Revision as of 20:26, 9 July 2018

lactobachill-background

A smart psychobiotic with anxiolytic and antidepressant properties

probiotics picture

Psychotropic

Substance that has an effect on people’s state of mind.

+
probiotics picture

Probiotics

A microorganism that when consumed maintains or restores beneficial bacteria to the digestive tract.

=
probiotics picture

Psychobiotics

Gut microbiomes may have a significant impact on mood and cognition