Difference between revisions of "Team:BioIQS-Barcelona/Team"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
  
  
    <meta charset="utf-8">
+
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
+
<meta name="description" content="">
    <meta name="author" content="">
+
<meta name="author" content="">
  
  
    <script>
+
<script>
        var element = document.querySelector('[rel="stylesheet"]');
+
    var element = document.querySelector('[rel="stylesheet"]');
        var stylesheet = element.sheet || element.styleSheet;
+
    var stylesheet = element.sheet || element.styleSheet;
        console.log(stylesheet);
+
    console.log(stylesheet);
        stylesheet.disabled = true;
+
    stylesheet.disabled = true;
    </script>
+
</script>
  
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/goodload?action=raw&ctype=text/css">
  
    <!-- Habilitar nomes al app per veure les funcions Jquery -->
+
<!-- Habilitar nomes al app per veure les funcions Jquery -->
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/vendor?action=raw&ctype=text/javascript"></script>
  
    <title>BIO IQS</title>
+
<title>BIO IQS</title>
  
    <!-- Bootstrap core CSS -->
+
<!-- Bootstrap core CSS -->
    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
  
    <script>
+
<script>
        $(function () {
+
    $(function () {
            $('navigationbar').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
+
        $('navigationbar').load('https://2018.igem.org/Template:BioIQS-Barcelona/header?action=raw&ctype=text/javascript');
            $('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
+
        $('footer').load('https://2018.igem.org/Template:BioIQS-Barcelona/footer?action=raw&ctype=text/javascript');
        });
+
    });
    </script>
+
</script>
  
    <!--    Fonts googlefonts-->
+
<!--    Fonts googlefonts-->
    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
  
    <!-- Custom fonts for this template -->
+
<!-- Custom fonts for this template -->
    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/allmin?action=raw&ctype=text/css" rel="stylesheet"> <!-- canvio all.min per allmin-->
+
<link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/allmin?action=raw&ctype=text/css" rel="stylesheet">
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simplelineicons?action=raw&ctype=text/css">     <!-- CANVI-->
+
<!-- canvio all.min per allmin-->
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simplelineicons?action=raw&ctype=text/css">
    <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
+
<!-- CANVI-->
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
+
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
 +
<!-- Importing fonts awesome, it doesnt work from allmin.css because of url('undefined'), needed to upload manually -->
 +
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
 +
    crossorigin="anonymous">
  
  
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css">
  
    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/adaptwiki?action=raw&ctype=text/css">
  
 +
<style>
 +
    @media screen and (max-width: 992px) {
 +
        .roger:before, .julia:before, .victor:before, .marc:before, .mireia:before, .xavi:before, .jordi:before, .edu:before, .coral:before, .jorda:before, .marta:before {
 +
            right: 0px
 +
        }
 +
    }
  
     <!--Added MathJax hack to make inline equations work-->
+
     #meet-us-team:hover, #meet-us-team:focus, #meet-us-team:active, #meet-us-team.active {
    <script type="text/x-mathjax-config">
+
    color: white;
 +
    border-color: #7aaae9;
 +
    background-color: #7aaae9;
 +
}
 +
.person{
 +
    height:100%
 +
}
 +
</style>
 +
 
 +
 
 +
<!--Added MathJax hack to make inline equations work-->
 +
<script type="text/x-mathjax-config">
 
     MathJax.Hub.Config({
 
     MathJax.Hub.Config({
 
     tex2jax: {
 
     tex2jax: {
Line 61: Line 82:
  
  
    <!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
+
<!-- TREIEM AIXO PQ SENSE ESTIL ES PERD EL FORMAT I NO SERVEIX DE RES -->
    <navigationbar></navigationbar>
+
<navigationbar></navigationbar>
  
 
+
<button id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button>
    <header class="masthead teams">
+
 
        <div class="container h-100">
+
<header class="masthead teams">
            <div class="row h-100">
+
    <div class="container h-100">
                <div class="col-lg-7 my-auto">
+
        <div class="row h-100">
                    <div class="header-content header-xl">
+
            <div class="col-lg-7 my-auto">
                        <h1 class="mb-5">Team | Team members</h1>
+
                <div class="header-content header-xl">
                        <a href="https://2018.igem.org/Team:BioIQS-Barcelona#team" class="btn btn-outline btn-xl js-scroll-trigger">Meet us!</a>
+
                    <h1 class="mb-5">Team | Team members</h1>
                    </div>
+
                    <a href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#team" class="btn btn-outline btn-xl js-scroll-trigger"
 +
                        id="meet-us-team">Meet us!</a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </header>
+
     </div>
 +
</header>
  
   
+
<section id="team" class="pb-5">
    <button onclick="topFunction()" id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button>
+
    <div class="container">
 
+
        <div class="row">
    <section id="team" class="pb-5">
+
            <!-- Team member -->
        <div class="container">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
            <div class="row">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                <!-- Team member -->
+
                    <div class="mainflip">
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
                        <div class="frontside">
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
                            <div class="card">
                        <div class="mainflip">
+
                                <div class="content-card roger">
                            <div class="frontside">
+
                                    <div class="content-img">
                                <div class="card">
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c3/T--BioIQS-Barcelona--2018_pers-12.png"
                                    <div class="content-card roger">
+
                                            alt="Card image cap">
                                        <div class="content-img">
+
                                    </div>
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c3/T--BioIQS-Barcelona--2018_pers-12.png" alt="Card image cap">
+
                                    <div class="card-body text-center">
                                        </div>
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                        <div class="card-body text-center">
+
                                        <h4 class="card-title text-f">Roger Compte</h4>
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                        <div class="card-text text-f">
                                            <h4 class="card-title text-f">Roger Compte</h4>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <div class="card-text text-f">
+
                                            <p>Bs Biotechnology</p>
                                                <p>MSc Bioengineering IQS</p>
+
                                                <p>Bs Biotechnology</p>
+
                                            </div>
+
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#roger">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#roger">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Roger Compte</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Roger Compte</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card julia">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card julia">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/bb/T--BioIQS-Barcelona--2018_pers-2.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/b/bb/T--BioIQS-Barcelona--2018_pers-2.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Júlia Quintanas</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Júlia Quintanas</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#julia">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#julia">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Júlia Quintanas</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Júlia Quintanas</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card victor">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card victor">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/81/T--BioIQS-Barcelona--2018_pers-3.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/8/81/T--BioIQS-Barcelona--2018_pers-3.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Victor Maull</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Victor Maull</h4>
                                                <p>Bs Biological Systems Engineering</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biological Systems Engineering</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#victor">
+
                            <div class="card">
 +
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#victor">
  
                                        <div class="card-body text-center mt-4">
+
                                    <div class="card-body text-center mt-4">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                            <p class="card-text text-f">Victor Maull</p>
+
                                        <p class="card-text text-f">Victor Maull</p>
                                        </div>
+
                                    </div>
                                    </a>
+
                                </a>
                                </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card marc">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card marc">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c1/T--BioIQS-Barcelona--2018_pers-5.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c1/T--BioIQS-Barcelona--2018_pers-5.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Marc Expòsit</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Marc Expòsit</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#marc">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#marc">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Marc Expòsit</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Marc Expòsit</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card mireia">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card mireia">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/96/T--BioIQS-Barcelona--2018_pers-6.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/96/T--BioIQS-Barcelona--2018_pers-6.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Mireia Solà</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Mireia Solà</h4>
                                                <p>Bs Chemistry</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Chemistry</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#mireia">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#mireia">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Mireia Solà</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Mireia Solà</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card xavi">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card xavi">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/76/T--BioIQS-Barcelona--2018_pers-7.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/7/76/T--BioIQS-Barcelona--2018_pers-7.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Xavier Carol</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Xavier Carol</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#xavier">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#xavier">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Xavier Carol</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Xavier Carol</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card jordi">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card jordi">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4e/T--BioIQS-Barcelona--2018_pers-8.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/4e/T--BioIQS-Barcelona--2018_pers-8.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Jordi Chi</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Jordi Chi</h4>
                                                <p>Bs Biomedicine</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biomedicine</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#jordi">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#jordi">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Jordi Chi</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Jordi Chi</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card edu">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card edu">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/96/T--BioIQS-Barcelona--2018_pers-11.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/9/96/T--BioIQS-Barcelona--2018_pers-11.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Eduard Martínez</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Eduard Martínez</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#edu">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#edu">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Eduard Martínez</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Eduard Martínez</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card coral">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card coral">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/f3/T--BioIQS-Barcelona--2018_pers-9.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/f3/T--BioIQS-Barcelona--2018_pers-9.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Coral García</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Coral García</h4>
                                                <p>Bs Nanoscience</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Nanoscience</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#coral">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#coral">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Coral García</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Coral García</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
                <!-- Team member -->
+
            <!-- ./Team member -->
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card jorda">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card jorda">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/dc/T--BioIQS-Barcelona--2018_pers-10.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/d/dc/T--BioIQS-Barcelona--2018_pers-10.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Mireia Jordà</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Mireia Jordà</h4>
                                                <p>Bs Pharmacy</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Pharmacy</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#mireia-j">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#mireia-j">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Mireia Jordà</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Mireia Jordà</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
               
+
            <!-- ./Team member -->
                <!-- Team member -->
+
 
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card jorda">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card jorda">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1f/T--BioIQS-Barcelona--2018_pers-0.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1f/T--BioIQS-Barcelona--2018_pers-0.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Aitor Vega</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Aitor Vega</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#aitor">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#aitor">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Aitor Vega</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Aitor Vega</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
               
+
            <!-- ./Team member -->
                <!-- Team member -->
+
 
                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+
            <!-- Team member -->
                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+
            <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
                        <div class="mainflip">
+
                <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
                            <div class="frontside">
+
                    <div class="mainflip">
                                <div class="card">
+
                        <div class="frontside">
                                    <div class="content-card marta">
+
                            <div class="card">
                                        <div class="content-img">
+
                                <div class="content-card marta">
                                            <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1d/T--BioIQS-Barcelona--2018_pers-4.png" alt="Card image cap">
+
                                    <div class="content-img">
                                        </div>
+
                                        <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1d/T--BioIQS-Barcelona--2018_pers-4.png"
                                        <div class="card-body text-center">
+
                                            alt="Card image cap">
                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+
                                    </div>
                                            <h4 class="card-title text-f">Marta Clariana</h4>
+
                                    <div class="card-body text-center">
                                            <div class="card-text text-f">
+
                                        <!--                                    <p><img class=" img-fluid" src="images/pers-2.png"></p>-->
                                                <p>MSc Bioengineering IQS</p>
+
                                        <h4 class="card-title text-f">Marta Clariana</h4>
                                                <p>Bs Biotechnology</p>
+
                                        <div class="card-text text-f">
                                            </div>
+
                                            <p>MSc Bioengineering IQS</p>
                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+
                                            <p>Bs Biotechnology</p>
 
                                         </div>
 
                                         </div>
 +
                                        <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                            <div class="backside">
+
                        </div>
                                <div class="card">
+
                        <div class="backside">
                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#marta">
+
                            <div class="card">
                                        <div class="card-body text-center mt-4">
+
                                <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#marta">
                                            <h4 class="sub-card blinking">Know more about</h4>
+
                                    <div class="card-body text-center mt-4">
                                            <p class="card-text text-f">Marta Clariana</p>
+
                                        <h4 class="sub-card blinking">Know more about</h4>
                                        </div>
+
                                        <p class="card-text text-f">Marta Clariana</p>
                                    </a>
+
                                    </div>
                                </div>
+
                                </a>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
                <!-- ./Team member -->
+
            </div>
 +
            <!-- ./Team member -->
  
  
            </div>
 
 
         </div>
 
         </div>
     </section>
+
     </div>
    <!-- Team -->
+
</section>
 +
<!-- Team -->
  
    <!--Accordion Xavier -->
+
<!--Accordion Roger-->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="xavier">
+
<section id="roger">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx1" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx2" role="tablist"
                <div class="col-sm-12 col-md-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Xavier Carol Morera</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Roger Compte</h3>
                        <img src="https://static.igem.org/mediawiki/2018/0/06/T--BioIQS-Barcelona--2018_xavi.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/8/87/T--BioIQS-Barcelona--2018_roger.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/xavi.c.morera">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/roger.compte">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/roger_compte">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/xaviercarolmorera/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/roger-compte-boixader-454415163">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse1" aria-expanded="false" aria-controls="collapse1">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse01"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse01">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                                <p class="text-f">I’ve read a lot of things about something called proteins.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biotechnology</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse2" aria-expanded="false" aria-controls="collapse2">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse02"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse02">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                                <p class="text-f">I wanted to extend my knowledge related to team-managing to a whole new level.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Not everyday you get the chance of building your own project with your
 +
                                friends. Putting together basic ideas to create something bigger that could help
 +
                                someone has been a pleasure. In addition, I am the celiac of the group so IGEM is
 +
                                definitely made for people like me.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse3" aria-expanded="false" aria-controls="collapse3">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse03"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse03">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">My favorite meal: tagliatelle carbonara with mint and prawns.</p>
+
                            <p class="text-f">The worst part of being celiac is to modify your own habits and even
                            </div>
+
                                worse, the ones from the people around you. What I miss the most is the typical catalan
 +
                                bread with tomato on top.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse4" aria-expanded="false" aria-controls="collapse4">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse04"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse04">
                                    Describe yourself in 3 words:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I am three-dimensional (3D): Diplomatic, Dynamic and Diligent.</p>
+
                            <p class="text-f">To define myself in three words I would use pragmatic, kind and
                            </div>
+
                                versatile.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse5" aria-expanded="false" aria-controls="collapse5">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse06"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse06">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free-time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse06" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I do crossfit most of the time! I also like reading and watch series.</p>
+
                            <p class="text-f">I love diving, sealing and fishing. If it were up to me, my natural
                            </div>
+
                                environment would be the sea.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse6" aria-expanded="false" aria-controls="collapse6">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse07"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse07">
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">The potential it has to solve real life problems by genetically modyifing microorganisms.</p>
+
                            <p class="text-f">The role I had in this project was to get and develop the idea for the
                            </div>
+
                                project, provide genetic material and work in the genetic extraction and purification
 +
                                for further expression and production.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse7" aria-expanded="false" aria-controls="collapse7">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse08"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse08">
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">My responsibilities refer to the design of the experiments related to the molecular biology field. I also care about the content of the wiki.</p>
+
                            <p class="text-f">The role I had in this project was to come up with the idea for the
                            </div>
+
                                project, provide the genetic material and work in the genetic extraction and
 +
                                purification for further expression and production.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse8" aria-expanded="false" aria-controls="collapse8">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse09"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse09">
                                    What does Victor Maull think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What Mireia Solà thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse8" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+
                    <div id="collapse09" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Xavi is a highly committed, efficient and methodical person. I have to say that he owns great artistic taste and radiates such inner peace that is hard to beat! Undoubtedly, it has really been a pleasure to have known him during the last year. To sum it all up, I consider him a person to learn from.</p>
+
                            <p class="text-f">If I had to describe Roger, I would say he is the reason why we enrolled
                            </div>
+
                                in the iGEM project. This is basically because he became celiac four months before we
 +
                                first heard about this competition. He is a very positive person, friendly and very
 +
                                intelligent. He is always willing to invite us all to his house to do some networking
 +
                                while we make a round of beers and some pizzas.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 
+
                <!-- Accordion card -->
 
             </div>
 
             </div>
            <!--/.Accordion wrapper-->
+
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Xavier-->
+
     </div>
 +
</section>
 +
<!-- End accordion Roger-->
  
    <!--Accordion Roger-->
+
 
    <!--Accordion wrapper-->
+
<!--Accordion Julia-->
    <section id="roger">
+
<!--Accordion wrapper-->
        <div class="container">
+
<section id="julia">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx2" role="tablist" aria-multiselectable="true">
+
    <div class="container">
                <div class="col-sm-12 col-md-4 person">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx3" role="tablist"
                    <h3 class="orange">Roger Compte</h3>
+
            aria-multiselectable="true">
                    <div class="image pers">
+
            <div class="col-sm-12 col-md-4 person">
                        <img src="https://static.igem.org/mediawiki/2018/8/87/T--BioIQS-Barcelona--2018_roger.jpg">
+
                <h3 class="orange">Júlia Quintanas</h3>
                    </div>
+
                <div class="image pers">
                    <div class="social-ic">
+
                    <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BioIQS-Barcelona--2018_julia.jpg">
                        <ul class="list-inline">
+
                </div>
                            <li class="list-inline-item">
+
                <div class="social-ic">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/roger.compte">
+
                    <ul class="list-inline">
                            <i class="fab fa-facebook-square"></i>
+
                        <li class="list-inline-item">
 +
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/julia.quintanasyani">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/roger_compte">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/julia.qy/">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/roger-compte-boixader-454415163">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://es.linkedin.com/in/j%C3%BAlia-quintanas-yani-6282b1130">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse01" aria-expanded="false" aria-controls="collapse01">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse001"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse001">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                                <p class="text-f">Biotechnology</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biotechnology</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse02" aria-expanded="false" aria-controls="collapse02">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse002"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse002">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                                <p class="text-f">Not everyday you get the chance of building your own project with your friends. Putting together basic ideas to create something bigger that could help someone has been a pleasure. In addition, I am the celiac of the group so IGEM is definitely made for people like me.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">It gave me the opportunity to develop a project designed by ourselves and
 +
                                work with my colleagues to pull it forward.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse03" aria-expanded="false" aria-controls="collapse03">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse003"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse003">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">The worst part of being celiac is to modify your own habits and even worse, the ones from the people around you. What I miss the most is the typical catalan bread with tomato on top.</p>
+
                            <p class="text-f">cakes, ice cream and all kinds of sweet food.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse04" aria-expanded="false" aria-controls="collapse04">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse004"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse004">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">To define myself in three words I would use pragmatic, kind and versatile.</p>
+
                            <p class="text-f">Friendly, passionate and hard-working</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse06" aria-expanded="false" aria-controls="collapse06">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse005"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse005">
                                    What do you do in your free-time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse06" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I love diving, sealing and fishing. If it were up to me, my natural environment would be the sea.</p>
+
                            <p class="text-f">I like dancing, travelling and meeting new people. I also Iove the world
                            </div>
+
                                of furniture restoration and crafting. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse07" aria-expanded="false" aria-controls="collapse07">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse005"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse005">
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">The role I had in this project was to get and develop the idea for the project, provide genetic material and work in the genetic extraction and purification for further expression and production.</p>
+
                            <p class="text-f">The idea of combining elements from nature so as to obtain new functions
                            </div>
+
                                that would not have been possible otherwise.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse08" aria-expanded="false" aria-controls="collapse08">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse006"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse006">
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">The role I had in this project was to come up with the idea for the project, provide the genetic material and work in the genetic extraction and purification for further expression and production.</p>
+
                            <p class="text-f">Managing the different tasks of the team, disseminate and promote the
                            </div>
+
                                project as well as participate in the laboratory tasks.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse09" aria-expanded="false" aria-controls="collapse09">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse007"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse007">
                                    What does Mireia Solà think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What Jordi Chi thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse09" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+
                    <div id="collapse007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">If I had to describe Roger, I would say he is the reason why we enrolled in the iGEM project. This is basically because he became celiac four months before we first heard about this competition. He is a very positive person, friendly and very intelligent. He is always willing to invite us all to his house to do some networking while we make a round of beers and some pizzas.</p>
+
                            <p class="text-f">She is a very chill and happy person who always has a funny story to tell
                            </div>
+
                                about her adventures.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!-- End accordion Roger-->
+
     </div>
 +
</section>
 +
<!-- End accordion Julia-->
  
  
    <!--Accordion Julia-->
+
<!--Accordion Victor-->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="julia">
+
<section id="victor">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx3" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx4" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Júlia Quintanas</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Victor Maull</h3>
                        <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BioIQS-Barcelona--2018_julia.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/f/f4/T--BioIQS-Barcelona--2018_victor.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/julia.quintanasyani">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/julia.qy/">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://es.linkedin.com/in/j%C3%BAlia-quintanas-yani-6282b1130">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/victor-maull-miquel-61404a128/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse001" aria-expanded="false" aria-controls="collapse001">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_1"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_1">
                                    What did you study?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                                <p class="text-f">Biotechnology</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biological systems engineering</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse002" aria-expanded="false" aria-controls="collapse002">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_2"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_2">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                                <p class="text-f">It gave me the opportunity to develop a project designed by ourselves and work with my colleagues to pull it forward.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Marc told me about the contest when we had just begun the Bioengineering
 +
                                master in IQS. Together with him, I started getting motivated about synthetic biology
 +
                                and eventually engaged in the project.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse003" aria-expanded="false" aria-controls="collapse003">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_3"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_3">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">cakes, ice cream and all kinds of sweet food.</p>
+
                            <p class="text-f">PIZZA!(Obviously, a mainstream answer for a mainstream question)</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse004" aria-expanded="false" aria-controls="collapse004">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_4"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_4">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Friendly, passionate and hard-working</p>
+
                            <p class="text-f">Stressed, half-cynic, half-dreamer and obsessive about some topics.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse005" aria-expanded="false" aria-controls="collapse005">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_5"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_5">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I like dancing, travelling and meeting new people. I also Iove the world of furniture restoration and crafting. </p>
+
                            <p class="text-f">I love leaving Barcelona’s stressful streets to go climb a mountain peak.
                            </div>
+
                                Likewise, as often as I can, I try to plan a trip as wild as I possibly can.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse005" aria-expanded="false" aria-controls="collapse005">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_6"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_6">
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">The idea of combining elements from nature so as to obtain new functions that would not have been possible otherwise.</p>
+
                            <p class="text-f">Synthetic Biology is a powerful tool to understand the mechanisms
                            </div>
+
                                underlying biology. It allows us to modify life. Therefore, Richard Feynman’s words
 +
                                acquire great sense to me: “what I cannot create, I do not understand”.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse006" aria-expanded="false" aria-controls="collapse006">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_7"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_7">
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Managing the different tasks of the team, disseminate and promote the project as well as participate in the laboratory tasks.</p>
+
                            <p class="text-f">My contribution is related to the development of the DryLab section of
                            </div>
+
                                our project.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse007" aria-expanded="false" aria-controls="collapse007">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_8"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_8">
                                    What does Jordi Chi think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What Roger Compte thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+
                    <div id="collapse_8" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">She is a very chill and happy person who always has a funny story to tell about her adventures.</p>
+
                            <p class="text-f">Victor is a very charming person to be with. He is always there to help
                            </div>
+
                                you and offer a shoulder you can cry on. He is very resourceful and likes
 +
                                problem-solving.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!-- End accordion Julia-->
+
     </div>
 +
</section>
 +
<!-- End accordion Victor-->
  
  
    <!--Accordion Victor-->
+
<!--Accordion Marc E-->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="victor">
+
<section id="marc">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx4" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx5" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Victor Maull</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Marc Expòsit</h3>
                        <img src="https://static.igem.org/mediawiki/2018/f/f4/T--BioIQS-Barcelona--2018_victor.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/a/ab/T--BioIQS-Barcelona--2018_marc.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/marc.expositgoy">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/marc_exposit">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mexpositg/">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/victor-maull-miquel-61404a128/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mexposit">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_1" aria-expanded="false" aria-controls="collapse_1">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_01"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_01">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                                <p class="text-f">Biological systems engineering</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biotechnology</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_2" aria-expanded="false" aria-controls="collapse_2">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_02"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_02">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                                <p class="text-f">Marc told me about the contest when we had just begun the Bioengineering master in IQS. Together with him, I started getting motivated about synthetic biology and eventually engaged in the project.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">It's an incredible opportunity to manage every aspect of a real-life
 +
                                science project, make contributions to the synthbio community and promote public
 +
                                awareness of science.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_3" aria-expanded="false" aria-controls="collapse_3">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_03"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_03">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <div id="collapse_03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">PIZZA!(Obviously, a mainstream answer for a mainstream question)</p>
+
                            <p class="text-f">Sweet chocolate cookies.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_4" aria-expanded="false" aria-controls="collapse_4">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_04"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_04">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <div id="collapse_04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Stressed, half-cynic, half-dreamer and obsessive about some topics.</p>
+
                            <p class="text-f">Creative, hard working and curious.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_5" aria-expanded="false" aria-controls="collapse_5">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse_5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_05"
                                 <p class="text-f">I love leaving Barcelona’s stressful streets to go climb a mountain peak. Likewise, as often as I can, I try to plan a trip as wild as I possibly can.</p>
+
                            aria-expanded="false" aria-controls="collapse_05">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you do in your free-time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse_05" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_6" aria-expanded="false" aria-controls="collapse_6">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">Trying to get people involved in projects like iGEM, creating fun but
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 stupid scripts (If you want to encode a text message into DNA, I’ve got one for you!)
                                 </h3>
+
                                and playing music with my band.</p>
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">Synthetic Biology is a powerful tool to understand the mechanisms underlying biology. It allows us to modify life. Therefore, Richard Feynman’s words acquire great sense to me: “what I cannot create, I do not understand”.</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_06"
 +
                            aria-expanded="false" aria-controls="collapse_06">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse_06" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Everything from synthetic life to DNA information storage, including
 +
                                programming microorganisms in a predictive way.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_7" aria-expanded="false" aria-controls="collapse_7">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_07"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_07">
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What’s your role in the BioIQS team??<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <div id="collapse_07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">My contribution is related to the development of the DryLab section of our project.</p>
+
                            <p class="text-f">As team leader I worked hard to introduce iGEM to our university. I've
                            </div>
+
                                also been programming the wiki and, as I was completely new to that topic, I decided
 +
                                making the wiki editing tutorial. I also coordinated the progress of the project and
 +
                                prepared some activities outside the lab.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_8" aria-expanded="false" aria-controls="collapse_8">
+
 
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                    <!-- Card header -->
                                    What does Roger Compte think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                    <div class="card-header" role="tab" id="heading5">
                                </h3>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_08"
                            </a>
+
                            aria-expanded="false" aria-controls="collapse_08">
                        </div>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Xavier Carol thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_8" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+
                    <div id="collapse_08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Victor is a very charming person to be with. He is always there to help you and offer a shoulder you can cry on. He is very resourceful and likes problem-solving.</p>
+
                            <p class="text-f">I would describe Marc as a well-organized, self-disciplined and
                            </div>
+
                                resourceful scientific. He always finds a way to solve any problem.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!-- End accordion Victor-->
+
     </div>
 +
</section>
 +
<!-- End accordion Marc E-->
  
  
    <!--Accordion Marc E-->
+
<!--Accordion Mireia S-->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="marc">
+
<section id="mireia">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx5" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx6" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Marc Expòsit</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Mireia Solà</h3>
                        <img src="https://static.igem.org/mediawiki/2018/a/ab/T--BioIQS-Barcelona--2018_marc.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/1/12/T--BioIQS-Barcelona--2018_mireia-s.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/marc.expositgoy">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/mireia.solasaborit">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/marc_exposit">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/MireiaSol1?lang=en">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mexpositg/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mireiasolasaborit/?hl=es">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mexposit">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mireia-sola-saborit-40b901139/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_01" aria-expanded="false" aria-controls="collapse_01">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_001"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_001">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                                <p class="text-f">Biotechnology</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I studied chemistry, although I still haven’t watched Breaking Bad. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_02" aria-expanded="false" aria-controls="collapse_02">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_002"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse5">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                                <p class="text-f">It's an incredible opportunity to manage every aspect of a real-life science project, make contributions to the synthbio community and promote public awareness of science.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I found it a great opportunity to learn more about synthetic biology and
 +
                                to work as a team.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_03" aria-expanded="false" aria-controls="collapse_03">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_003"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_003">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <div id="collapse_003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Sweet chocolate cookies.</p>
+
                            <p class="text-f">Without pizza... “Crazy Telepizza Tuesday” has become a ritual.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_04" aria-expanded="false" aria-controls="collapse_04">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_004"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_004">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <div id="collapse_004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Creative, hard working and curious.</p>
+
                            <p class="text-f">I would describe myself as a lively, friendly and impulsive person.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_05" aria-expanded="false" aria-controls="collapse_05">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_005"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_005">
                                    What do you do in your free-time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_05" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <div id="collapse_005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Trying to get people involved in projects like iGEM, creating fun but stupid scripts (If you want to encode a text message into DNA, I’ve got one for you!) and playing music with my band.</p>
+
                            <p class="text-f">I love doing sport, specially running and climbing mountains. In winter,
                            </div>
+
                                skiing is just the perfect plan for the weekend, although I always try to have time to
 +
                                hang out with my friends.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_06" aria-expanded="false" aria-controls="collapse_06">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_006"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_006">
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_06" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <div id="collapse_006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Everything from synthetic life to DNA information storage, including programming microorganisms in a predictive way.</p>
+
                            <p class="text-f">What fascinates me the most about synthetic biology is how we are able to
                            </div>
+
                                redesign new artificial pathways using microorganism as our own machines.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_07" aria-expanded="false" aria-controls="collapse_07">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What’s your role in the BioIQS team??<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse_07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_007"
                                 <p class="text-f">As team leader I worked hard to introduce iGEM to our university. I've also been programming the wiki and, as I was completely new to that topic, I decided making the wiki editing tutorial. I also coordinated the progress of the project and prepared some activities outside the lab.</p>
+
                            aria-expanded="false" aria-controls="collapse_007">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse_007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_08" aria-expanded="false" aria-controls="collapse_08">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">My role in the project has mainly been managing the social networks,
                                    What does Xavier Carol think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 specially Instagram as well as taking photos and videos of our daily work in the
                                 </h3>
+
                                laboratoy.</p>
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">I would describe Marc as a well-organized, self-disciplined and resourceful scientific. He always finds a way to solve any problem.</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_008"
 +
                            aria-expanded="false" aria-controls="collapse_008">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Mireia Jordà thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse_008" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
 +
                        <div class="card-body">
 +
                            <p class="text-f">She is a perfectionist. The laboratory journal is her most precious gem.
 +
                                She is a runner and so she spends most of her day up and down the stairs to get
 +
                                everything you need.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
  
 
             </div>
 
             </div>
            <!--/.Accordion wrapper-->
+
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!-- End accordion Marc E-->
+
     </div>
 +
</section>
 +
<!--End accordion Mireia S-->
  
 
+
<!--Accordion Xavier -->
    <!--Accordion Mireia S-->
+
<!--Accordion wrapper-->
    <!--Accordion wrapper-->
+
<section id="xavier">
    <section id="mireia">
+
    <div class="container">
        <div class="container">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx1" role="tablist"
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx6" role="tablist" aria-multiselectable="true">
+
            aria-multiselectable="true">
                <div class="col-4 person">
+
            <div class="col-sm-12 col-md-4 person">
                    <h3 class="orange">Mireia Solà</h3>
+
                <h3 class="orange">Xavier Carol Morera</h3>
                    <div class="image pers">
+
                <div class="image pers">
                        <img src="https://static.igem.org/mediawiki/2018/1/12/T--BioIQS-Barcelona--2018_mireia-s.jpg">
+
                    <img src="https://static.igem.org/mediawiki/2018/0/06/T--BioIQS-Barcelona--2018_xavi.jpg">
                    </div>
+
                </div>
                    <div class="social-ic">
+
                <div class="social-ic">
                        <ul class="list-inline">
+
                    <ul class="list-inline">
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/mireia.solasaborit">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/xavi.c.morera">
                            <i class="fab fa-facebook-square"></i>
+
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/MireiaSol1?lang=en">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mireiasolasaborit/?hl=es">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mireia-sola-saborit-40b901139/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/xaviercarolmorera/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_001" aria-expanded="false" aria-controls="collapse_001">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse1"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse1">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                                <p class="text-f">I studied chemistry, although I still haven’t watched Breaking Bad. </p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I’ve read a lot of things about something called proteins.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_002" aria-expanded="false" aria-controls="collapse5">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse2"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse2">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                                <p class="text-f">I found it a great opportunity to learn more about synthetic biology and to work as a team.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I wanted to extend my knowledge related to team-managing to a whole new
 +
                                level.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_003" aria-expanded="false" aria-controls="collapse_003">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse3"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse3">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Without pizza... “Crazy Telepizza Tuesday” has become a ritual.</p>
+
                            <p class="text-f">My favorite meal: tagliatelle carbonara with mint and prawns.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_004" aria-expanded="false" aria-controls="collapse_004">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse4"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse4">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I would describe myself as a lively, friendly and impulsive person.</p>
+
                            <p class="text-f">I am three-dimensional (3D): Diplomatic, Dynamic and Diligent.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_005" aria-expanded="false" aria-controls="collapse_005">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse5"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse5">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I love doing sport, specially running and climbing mountains. In winter, skiing is just the perfect plan for the weekend, although I always try to have time to hang out with my friends.</p>
+
                            <p class="text-f">I do crossfit most of the time! I also like reading and watch series.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_006" aria-expanded="false" aria-controls="collapse_006">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse_006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse6"
                                 <p class="text-f">What fascinates me the most about synthetic biology is how we are able to redesign new artificial pathways using microorganism as our own machines.</p>
+
                            aria-expanded="false" aria-controls="collapse6">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_007" aria-expanded="false" aria-controls="collapse_007">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">The potential it has to solve real life problems by genetically modyifing
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 microorganisms.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                        <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                <div class="card-member">
                             <div class="card-body">
+
 
                                 <p class="text-f">My role in the project has mainly been managing the social networks, specially Instagram as well as taking photos and videos of our daily work in the laboratoy.</p>
+
                    <!-- Card header -->
                             </div>
+
                    <div class="card-header" role="tab" id="heading5">
                         </div>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse7"
 +
                            aria-expanded="false" aria-controls="collapse7">
 +
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_008" aria-expanded="false" aria-controls="collapse_008">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">My responsibilities refer to the design of the experiments related to the
                                    What does Mireia Jordà think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 molecular biology field. I also care about the content of the wiki.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_008" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">She is a perfectionist. The laboratory journal is her most precious gem. She is a runner and so she spends most of her day up and down the stairs to get everything you need.</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse8"
 +
                            aria-expanded="false" aria-controls="collapse8">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Victor Maull thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse8" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Xavi is a highly committed, efficient and methodical person. I have to
 +
                                say that he owns great artistic taste and radiates such inner peace that is hard to
 +
                                beat! Undoubtedly, it has really been a pleasure to have known him during the last
 +
                                year. To sum it all up, I consider him a person to learn from.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Mireia S-->
+
     </div>
   
+
</section>
   
+
<!--End accordion Xavier-->
    <!--Accordion Jordi Chi-->
+
 
    <!--Accordion wrapper-->
+
 
    <section id="jordi">
+
<!--Accordion Jordi Chi-->
        <div class="container">
+
<!--Accordion wrapper-->
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx7" role="tablist" aria-multiselectable="true">
+
<section id="jordi">
                <div class="col-4 person">
+
    <div class="container">
                    <h3 class="orange">Jordi Chi</h3>
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx7" role="tablist"
                    <div class="image pers">
+
            aria-multiselectable="true">
                        <img src="https://static.igem.org/mediawiki/2018/c/cb/T--BioIQS-Barcelona--2018_jordi.jpg">
+
            <div class="col-sm-12 col-md-4 person">
                    </div>
+
                <h3 class="orange">Jordi Chi</h3>
                    <div class="social-ic">
+
                <div class="image pers">
                        <ul class="list-inline">
+
                    <img src="https://static.igem.org/mediawiki/2018/c/cb/T--BioIQS-Barcelona--2018_jordi.jpg">
                            <li class="list-inline-item">
+
                </div>
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                <div class="social-ic">
                            <i class="fab fa-facebook-square"></i>
+
                    <ul class="list-inline">
 +
                        <li class="list-inline-item">
 +
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/jordi-chi/?originalSubdomain=es">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/jordi-chi/?originalSubdomain=es">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse9" aria-expanded="false" aria-controls="collapse9">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse9"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse9">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse9" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse9" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                                <p class="text-f">Biomedical Sciences</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biomedical Sciences</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse10" aria-expanded="false" aria-controls="collapse10">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse10"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse10">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse10" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse10" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                                <p class="text-f">Because our team leader was so enthusiastic and excited about it that fooled me to sign up straight away.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Because our team leader was so enthusiastic and excited about it that
 +
                                fooled me to sign up straight away.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse11" aria-expanded="false" aria-controls="collapse11">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse11"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse11">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse11" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <div id="collapse11" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Chinese food</p>
+
                            <p class="text-f">Chinese food</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse12" aria-expanded="false" aria-controls="collapse12">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse12"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse12">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse12" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <div id="collapse12" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Chill, focused but distrustful</p>
+
                            <p class="text-f">Chill, focused but distrustful</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse14" aria-expanded="false" aria-controls="collapse14">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse14"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse14">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse14" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <div id="collapse14" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Chill, have a drink with friends, read a nice book, music (especially jazz) and sports.</p>
+
                            <p class="text-f">Chill, have a drink with friends, read a nice book, music (especially
                            </div>
+
                                jazz) and sports.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <!-- Accordion card -->
 +
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse15" aria-expanded="false" aria-controls="collapse15">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse15"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse15">
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse15" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <div id="collapse15" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Its potential application to any aspect of life.</p>
+
                            <p class="text-f">Its potential application to any aspect of life.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse16" aria-expanded="false" aria-controls="collapse16">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse16" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse16"
                                 <p class="text-f">I almost became the PI of the group.</p>
+
                            aria-expanded="false" aria-controls="collapse16">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse16" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse17" aria-expanded="false" aria-controls="collapse17">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">I almost became the PI of the group.</p>
                                    What does Eduard think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse17" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">If you looked up the word efficiency in the dictionary, you’d probably find Jordi's picture. He is the kind of person that is always ahead of everything. He will be the first person to help you when you need it. </p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse17"
 +
                            aria-expanded="false" aria-controls="collapse17">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Eduard thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse17" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
 +
                        <div class="card-body">
 +
                            <p class="text-f">If you looked up the word efficiency in the dictionary, you’d probably
 +
                                find Jordi's picture. He is the kind of person that is always ahead of everything. He
 +
                                will be the first person to help you when you need it. </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
  
 
             </div>
 
             </div>
            <!--/.Accordion wrapper-->
+
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Jordi Chi-->
+
     </div>
 +
</section>
 +
<!--End accordion Jordi Chi-->
  
  
    <!--Accordion Edu -->
+
<!--Accordion Edu -->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="edu">
+
<section id="edu">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx8" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx8" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Eduard Martínez</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Eduard Martínez</h3>
                        <img src="https://static.igem.org/mediawiki/2018/e/ea/T--BioIQS-Barcelona--2018_edu.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--BioIQS-Barcelona--2018_edu.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/edumll6">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/edumll6">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/edumll/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/edumll/">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/eduard-martinez-llapart-17952315b/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse010" aria-expanded="false" aria-controls="collapse010">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse010"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse010">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse010" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse010" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                                <p class="text-f">Biotechnology</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biotechnology</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse011" aria-expanded="false" aria-controls="collapse011">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse011"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse011">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse011" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse011" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                                <p class="text-f">An IGEM fellow team mate who lives in the best city in the world.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">An IGEM fellow team mate who lives in the best city in the world.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse012" aria-expanded="false" aria-controls="collapse012">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse012"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse012">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse012" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <div id="collapse012" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Ramen</p>
+
                            <p class="text-f">Ramen</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse014" aria-expanded="false" aria-controls="collapse014">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse014"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse014">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse014" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <div id="collapse014" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Easy-going, sports lover and Competitive.</p>
+
                            <p class="text-f">Easy-going, sports lover and Competitive.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse015" aria-expanded="false" aria-controls="collapse015">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse015"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse015">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse015" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <div id="collapse015" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Judo</p>
+
                            <p class="text-f">Judo</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse016" aria-expanded="false" aria-controls="collapse016">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse016" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse016"
                                 <p class="text-f">The way science improves yourself.</p>
+
                            aria-expanded="false" aria-controls="collapse016">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse016" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse017" aria-expanded="false" aria-controls="collapse017">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">The way science improves yourself.</p>
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                        <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse017" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                <div class="card-member">
                             <div class="card-body">
+
 
                                 <p class="text-f">Putting together the machinery for the expression of HLA with traductional modifications in Pichia Pastoris.</p>
+
                    <!-- Card header -->
                             </div>
+
                    <div class="card-header" role="tab" id="heading5">
                         </div>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse017"
 +
                            aria-expanded="false" aria-controls="collapse017">
 +
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse017" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse018" aria-expanded="false" aria-controls="collapse018">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">Putting together the machinery for the expression of HLA with
                                    What does Coral think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 traductional modifications in Pichia Pastoris.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse018" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">Edu is that kind of person that everyone loves. Most of the time he can be pretty annoying, but in the end, he is adorable (and you will never understand why). He is hard-working, and super competitive, but we can say he is a really good friend (out of the lab).</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse018"
 +
                            aria-expanded="false" aria-controls="collapse018">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Coral thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse018" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Edu is that kind of person that everyone loves. Most of the time he can
 +
                                be pretty annoying, but in the end, he is adorable (and you will never understand why).
 +
                                He is hard-working, and super competitive, but we can say he is a really good friend
 +
                                (out of the lab).</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 
+
                <!-- Accordion card -->
 
             </div>
 
             </div>
            <!--/.Accordion wrapper-->
+
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Edu-->
+
     </div>
   
+
</section>
   
+
<!--End accordion Edu-->
    <!--Accordion Coral -->
+
 
    <!--Accordion wrapper-->
+
 
    <section id="coral">
+
<!--Accordion Coral -->
        <div class="container">
+
<!--Accordion wrapper-->
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx9" role="tablist" aria-multiselectable="true">
+
<section id="coral">
                <div class="col-4 person">
+
    <div class="container">
                    <h3 class="orange">Coral García</h3>
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx9" role="tablist"
                    <div class="image pers">
+
            aria-multiselectable="true">
                        <img src="https://static.igem.org/mediawiki/2018/8/8a/T--BioIQS-Barcelona--2018_coral.jpg">
+
            <div class="col-sm-12 col-md-4 person">
                    </div>
+
                <h3 class="orange">Coral García</h3>
                    <div class="social-ic">
+
                <div class="image pers">
                        <ul class="list-inline">
+
                    <img src="https://static.igem.org/mediawiki/2018/8/8a/T--BioIQS-Barcelona--2018_coral.jpg">
                            <li class="list-inline-item">
+
                </div>
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/coral.garcia.946">
+
                <div class="social-ic">
                            <i class="fab fa-facebook-square"></i>
+
                    <ul class="list-inline">
 +
                        <li class="list-inline-item">
 +
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/coral.garcia.946">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/coral-fernandez-4b1157101/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/coral-fernandez-4b1157101/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse20" aria-expanded="false" aria-controls="collapse20">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse20"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse20">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse20" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse20" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                                <p class="text-f">Nanoscience and Nanotechnology (yes… the science of tiny things).</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Nanoscience and Nanotechnology (yes… the science of tiny things).</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse21" aria-expanded="false" aria-controls="collapse21">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse21"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse21">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse21" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse21" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                                <p class="text-f">Because I wanted to live the experience of team working and science communication.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Because I wanted to live the experience of team working and science
 +
                                communication.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse22" aria-expanded="false" aria-controls="collapse22">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse22"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse22">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse22" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <div id="collapse22" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Pizza! Friday night is pizza night with my flatmates.</p>
+
                            <p class="text-f">Pizza! Friday night is pizza night with my flatmates.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse23" aria-expanded="false" aria-controls="collapse23">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse23"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse23">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse23" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <div id="collapse23" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Passionate, hard-working and dynamic.</p>
+
                            <p class="text-f">Passionate, hard-working and dynamic.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse24" aria-expanded="false" aria-controls="collapse24">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse24"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse24">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse24" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <div id="collapse24" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">In my free time I enjoy playing volleyball, reading any kind of book and driving anywhere.</p>
+
                            <p class="text-f">In my free time I enjoy playing volleyball, reading any kind of book and
                            </div>
+
                                driving anywhere.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse25" aria-expanded="false" aria-controls="collapse25">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse25" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse25"
                                 <p class="text-f">I’m still wondering what synthetic biology is… I think the best point is that it is endless, there are no limits to this area of research.</p>
+
                            aria-expanded="false" aria-controls="collapse25">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse25" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse26" aria-expanded="false" aria-controls="collapse26">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">I’m still wondering what synthetic biology is… I think the best point is
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 that it is endless, there are no limits to this area of research.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                        <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse26" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                <div class="card-member">
                             <div class="card-body">
+
 
                                 <p class="text-f">A bit of everything… Lab work, communication activities, sensor design...</p>
+
                    <!-- Card header -->
                             </div>
+
                    <div class="card-header" role="tab" id="heading5">
                         </div>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse26"
 +
                            aria-expanded="false" aria-controls="collapse26">
 +
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse26" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse27" aria-expanded="false" aria-controls="collapse27">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">A bit of everything… Lab work, communication activities, sensor design...</p>
                                    What does Aitor think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse27" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">Coral is the one person everybody wants to work with. She is always the first to finish her tasks and help you out if you need a helping hand. You have great chances to find her reading a book in some corner.</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse27"
 +
                            aria-expanded="false" aria-controls="collapse27">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Aitor thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse27" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Coral is the one person everybody wants to work with. She is always the
 +
                                first to finish her tasks and help you out if you need a helping hand. You have great
 +
                                chances to find her reading a book in some corner.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Coral-->
+
     </div>
 +
</section>
 +
<!--End accordion Coral-->
  
    <!--Accordion Mireia J -->
+
<!--Accordion Mireia J -->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="mireia-j">
+
<section id="mireia-j">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx10" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx10" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Mireia Jordà</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Mireia Jordà</h3>
                        <img src="https://static.igem.org/mediawiki/2018/d/df/T--BioIQS-Barcelona--2018_mireia-j.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/d/df/T--BioIQS-Barcelona--2018_mireia-j.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mireia-jorda-redondo/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mireia-jorda-redondo/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse020" aria-expanded="false" aria-controls="collapse020">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse020"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse020">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                                <p class="text-f">Pharmacy because being a licensed drug dealer it’s a real highlight.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Pharmacy because being licensed in drugs it’s a real highlight.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse021" aria-expanded="false" aria-controls="collapse021">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse021"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse021">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                                <p class="text-f">Obviously, the laboratory tasks, which I love even during summer time.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Obviously, the laboratory tasks, which I love even during summer time.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse022" aria-expanded="false" aria-controls="collapse022">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse022"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse022">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <div id="collapse022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Flour, because I love baking.</p>
+
                            <p class="text-f">Flour, because I love baking.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse023" aria-expanded="false" aria-controls="collapse023">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse023"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse023">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <div id="collapse023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Consequent, open-minded and sweet-toothed.</p>
+
                            <p class="text-f">Consequent, open-minded and sweet-toothed.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse024" aria-expanded="false" aria-controls="collapse024">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse024"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse024">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <div id="collapse024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Go out of the cave to collect mushrooms.</p>
+
                            <p class="text-f">Go out of the cave to collect mushrooms.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse025" aria-expanded="false" aria-controls="collapse025">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse025"
                                 <p class="text-f">I like it when the experiment is a success.</p>
+
                            aria-expanded="false" aria-controls="collapse025">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse026" aria-expanded="false" aria-controls="collapse026">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">I like it when the experiment is a success.</p>
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                        <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                <div class="card-member">
                             <div class="card-body">
+
 
                                 <p class="text-f">Being a secretary, you basically get everything done without even noticing it. From Science to Marketing.</p>
+
                    <!-- Card header -->
                             </div>
+
                    <div class="card-header" role="tab" id="heading5">
                         </div>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse026"
 +
                            aria-expanded="false" aria-controls="collapse026">
 +
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse027" aria-expanded="false" aria-controls="collapse027">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">Being a secretary, you basically get everything done without even
                                    What does Marta think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 noticing it. From Science to Marketing.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
 +
 +
                <!-- Accordion card -->
 +
                <div class="card-member">
 +
 +
                    <!-- Card header -->
 +
                    <div class="card-header" role="tab" id="heading5">
 +
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx10" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse027"
 +
                            aria-expanded="false" aria-controls="collapse027">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Marta thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+
                    <div id="collapse027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Mireia is a very friendly and cheerful person. There is no day that you don’t see a smile on her face. She is also original and creative, aspects that have been of great help during the project.</p>
+
                            <p class="text-f">Mireia is a very friendly and cheerful person. There is no day that you
                            </div>
+
                                don’t see a smile on her face. She is also original and creative, aspects that have
 +
                                been of great help during the project.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Mireia-J-->
+
     </div>
 +
</section>
 +
<!--End accordion Mireia-J-->
  
    <!--Accordion Aitor -->
+
<!--Accordion Aitor -->
    <!--Accordion wrapper-->
+
<!--Accordion wrapper-->
    <section id="aitor">
+
<section id="aitor">
        <div class="container">
+
    <div class="container">
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx11" role="tablist" aria-multiselectable="true">
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx11" role="tablist"
                <div class="col-4 person">
+
            aria-multiselectable="true">
                    <h3 class="orange">Aitor Vega</h3>
+
            <div class="col-sm-12 col-md-4 person">
                    <div class="image pers">
+
                <h3 class="orange">Aitor Vega</h3>
                        <img src="https://static.igem.org/mediawiki/2018/4/45/T--BioIQS-Barcelona--2018_aitor.jpg">
+
                <div class="image pers">
                    </div>
+
                    <img src="https://static.igem.org/mediawiki/2018/4/45/T--BioIQS-Barcelona--2018_aitor.jpg">
                    <div class="social-ic">
+
                </div>
                        <ul class="list-inline">
+
                <div class="social-ic">
                            <li class="list-inline-item">
+
                    <ul class="list-inline">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/aitor.vegasanchez">
+
                        <li class="list-inline-item">
                            <i class="fab fa-facebook-square"></i>
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/aitor.vegasanchez">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/vega.aitor/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/vega.aitor/">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/aitor-vega-sanchez/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/aitor-vega-sanchez/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_020" aria-expanded="false" aria-controls="collapse_020">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_020"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_020">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                                <p class="text-f">I studied biotechnology focusing on bioinformatics.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I studied biotechnology focusing on bioinformatics.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_021" aria-expanded="false" aria-controls="collapse_021">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_021"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_021">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                                <p class="text-f">I decided to participate because it is a great opportunity to improve collaborative work skills as well as to face new and inspirational challenges.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">I decided to participate because it is a great opportunity to improve
 +
                                collaborative work skills as well as to face new and inspirational challenges.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_022" aria-expanded="false" aria-controls="collapse_022">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_022"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_022">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <div id="collapse_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Candy. Contrary to people belief, candy is not normally labelled as ‘gluten free’ due to possible cross-contaminations during manufacturing. A life with no candy is much blander.</p>
+
                            <p class="text-f">Candy. Contrary to people belief, candy is not normally labelled as
                            </div>
+
                                ‘gluten free’ due to possible cross-contaminations during manufacturing. A life with no
 +
                                candy is much blander.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_023" aria-expanded="false" aria-controls="collapse_023">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_023"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_023">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <div id="collapse_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I’m passionate, spontaneous and very clumsy.</p>
+
                            <p class="text-f">I’m passionate, spontaneous and very clumsy.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_024" aria-expanded="false" aria-controls="collapse_024">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_024"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse_024">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <div id="collapse_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f"> I am very passionate about music, always looking for new songs. You will never see me without my blue headphones.</p>
+
                            <p class="text-f"> I am very passionate about music, always looking for new songs. You will
                            </div>
+
                                never see me without my blue headphones.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_025" aria-expanded="false" aria-controls="collapse_025">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse_025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_025"
                                 <p class="text-f">What I like the most is that it makes scientists able to solve real world issues by genetically modifying living organisms.</p>
+
                            aria-expanded="false" aria-controls="collapse_025">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse_025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_026" aria-expanded="false" aria-controls="collapse_026">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">What I like the most is that it makes scientists able to solve real world
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                 issues by genetically modifying living organisms.</p>
                                 </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                        <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                <div class="card-member">
                             <div class="card-body">
+
 
                                 <p class="text-f">I have been in charge of the bioinformatical aspects of the project.</p>
+
                    <!-- Card header -->
                             </div>
+
                    <div class="card-header" role="tab" id="heading5">
                         </div>
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_026"
 +
                            aria-expanded="false" aria-controls="collapse_026">
 +
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_027" aria-expanded="false" aria-controls="collapse_027">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">I have been in charge of the bioinformatical aspects of the project.</p>
                                    What does Marc think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse_027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">Aitor is always fighting for his ideals and discussing current topics. When he is not outraged for some political scandal, he is fascinated by autonomous robots, artificial intelligence, new technological gadgets and superheroes. Coupling this interest with his bioinformatic knowledge, one day he might create one of his favourite heroes from the Avengers…who knows.</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse_027"
 +
                            aria-expanded="false" aria-controls="collapse_027">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Marc thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse_027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Aitor is always fighting for his ideals and discussing current topics.
 +
                                When he is not outraged for some political scandal, he is fascinated by autonomous
 +
                                robots, artificial intelligence, new technological gadgets and superheroes. Coupling
 +
                                this interest with his bioinformatic knowledge, one day he might create one of his
 +
                                favourite heroes from the Avengers…who knows.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 
+
                <!-- Accordion card -->
 
             </div>
 
             </div>
            <!--/.Accordion wrapper-->
+
 
 
         </div>
 
         </div>
     </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Aitor-->
+
     </div>
   
+
</section>
    <!--Accordion Mrta -->
+
<!--End accordion Aitor-->
    <!--Accordion wrapper-->
+
 
    <section id="marta">
+
<!--Accordion Mrta -->
        <div class="container">
+
<!--Accordion wrapper-->
            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx12" role="tablist" aria-multiselectable="true">
+
<section id="marta">
                <div class="col-4 person">
+
    <div class="container">
                    <h3 class="orange">Marta Clariana</h3>
+
        <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx12" role="tablist"
                    <div class="image pers">
+
            aria-multiselectable="true">
                        <img src="https://static.igem.org/mediawiki/2018/e/e3/T--BioIQS-Barcelona--2018_marta.jpg">
+
            <div class="col-sm-12 col-md-4 person">
                    </div>
+
                <h3 class="orange">Marta Clariana</h3>
                    <div class="social-ic">
+
                <div class="image pers">
                        <ul class="list-inline">
+
                    <img src="https://static.igem.org/mediawiki/2018/e/e3/T--BioIQS-Barcelona--2018_marta.jpg">
                            <li class="list-inline-item">
+
                </div>
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/martaclarianaa">
+
                <div class="social-ic">
                            <i class="fab fa-facebook-square"></i>
+
                    <ul class="list-inline">
 +
                        <li class="list-inline-item">
 +
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/martaclarianaa">
 +
                                <i class="fab fa-facebook-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+
                            <a class="social-icon text-xs-center" style="filter:grayscale(100%)">
                            <i class="fab fa-twitter-square"></i>
+
                                <i class="fab fa-twitter-square"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/martuns3/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/martuns3/">
                            <i class="fab fa-instagram"></i>
+
                                <i class="fab fa-instagram"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                            <li class="list-inline-item">
+
                        <li class="list-inline-item">
                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/marta-clariana-colet-733b9b141/">
+
                            <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/marta-clariana-colet-733b9b141/">
                            <i class="fab fa-linkedin"></i>
+
                                <i class="fab fa-linkedin"></i>
 
                             </a>
 
                             </a>
                            </li>
+
                        </li>
                        </ul>
+
                    </ul>
  
                    </div>
 
 
                 </div>
 
                 </div>
 +
            </div>
  
                <div class="col-xs-12 col-sm-8 memb-desc">
+
            <div class="col-xs-12 col-sm-8 memb-desc">
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_020" aria-expanded="false" aria-controls="collapse0_020">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_020"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse0_020">
                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse0_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse0_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                                <p class="text-f">Biotechnology</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">Biotechnology</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_021" aria-expanded="false" aria-controls="collapse0_021">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_021"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse0_021">
                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
                        <!-- Card body -->
+
                    </div>
                        <div id="collapse0_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <!-- Card body -->
                            <div class="card-body">
+
                    <div id="collapse0_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                                <p class="text-f">It was the perfect opportunity to better understand all the necessary steps to carry out a project from scratch.</p>
+
                        <div class="card-body">
                            </div>
+
                            <p class="text-f">It was the perfect opportunity to better understand all the necessary
 +
                                steps to carry out a project from scratch.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_022" aria-expanded="false" aria-controls="collapse0_022">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_022"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse0_022">
                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse0_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <div id="collapse0_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Bread. I can’t imagine a breakfast without the typical “pa amb tomaquet” from Catalonia.</p>
+
                            <p class="text-f">Bread. I can’t imagine a breakfast without the typical “pa amb tomaquet”
                            </div>
+
                                from Catalonia.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_023" aria-expanded="false" aria-controls="collapse0_023">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_023"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse0_023">
                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse0_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <div id="collapse0_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">Perfectionist, constant and friendly.</p>
+
                            <p class="text-f">Perfectionist, constant and friendly.</p>
                            </div>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
 +
                <!-- Accordion card -->
  
                    <!-- Accordion card -->
+
                <!-- Accordion card -->
                    <div class="card-member">
+
                <div class="card-member">
  
                        <!-- Card header -->
+
                    <!-- Card header -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div class="card-header" role="tab" id="heading5">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_024" aria-expanded="false" aria-controls="collapse0_024">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_024"
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            aria-expanded="false" aria-controls="collapse0_024">
                                    What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
                                </h3>
+
                                What do you do in your free time?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
                            </a>
+
                            </h3>
                        </div>
+
                        </a>
 +
                    </div>
  
                        <!-- Card body -->
+
                    <!-- Card body -->
                        <div id="collapse0_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <div id="collapse0_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                            <div class="card-body">
+
                        <div class="card-body">
                                <p class="text-f">I love traveling. I think that it’s the perfect way to discover new cultures and traditions completly different from ours.</p>
+
                            <p class="text-f">I love traveling. I think that it’s the perfect way to discover new
                            </div>
+
                                cultures and traditions completly different from ours.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_025" aria-expanded="false" aria-controls="collapse0_025">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                         <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse0_025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <div class="card-header" role="tab" id="heading5">
                            <div class="card-body">
+
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_025"
                                <p class="text-f">The fact that you can produce improved products with important applications by just mixing parts from the DNA of different organisms.</p>
+
                            aria-expanded="false" aria-controls="collapse0_025">
                            </div>
+
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What do you like about synthetic biology?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse0_025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
 +
                        <div class="card-body">
 +
                            <p class="text-f">The fact that you can produce improved products with important
 +
                                applications by just mixing parts from the DNA of different organisms.</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
+
                </div>
                   
+
                <!-- Accordion card -->
                    <!-- Accordion card -->
+
                    <div class="card-member">
+
  
                        <!-- Card header -->
+
                <!-- Accordion card -->
                        <div class="card-header" role="tab" id="heading5">
+
                <div class="card-member">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_026" aria-expanded="false" aria-controls="collapse0_026">
+
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                                    What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
                        </div>
+
  
                        <!-- Card body -->
+
                    <!-- Card header -->
                        <div id="collapse0_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                    <div class="card-header" role="tab" id="heading5">
                             <div class="card-body">
+
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_026"
                                 <p class="text-f">Mainly, I’ve been part of the marketing team.</p>
+
                            aria-expanded="false" aria-controls="collapse0_026">
                             </div>
+
                             <h3 class="mb-0 mt-3 title-accordion orange-intense">
                         </div>
+
                                 What’s your role in the BioIQS team?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                             </h3>
 +
                         </a>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
                   
 
                    <!-- Accordion card -->
 
                    <div class="card-member">
 
  
                        <!-- Card header -->
+
                    <!-- Card body -->
                        <div class="card-header" role="tab" id="heading5">
+
                    <div id="collapse0_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_027" aria-expanded="false" aria-controls="collapse0_027">
+
                        <div class="card-body">
                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+
                            <p class="text-f">Mainly, I’ve been part of the marketing team.</p>
                                    What does Júlia think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+
                                </h3>
+
                            </a>
+
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
 +
                <!-- Accordion card -->
  
                         <!-- Card body -->
+
                <!-- Accordion card -->
                        <div id="collapse0_027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+
                <div class="card-member">
                            <div class="card-body">
+
 
                                <p class="text-f">Marta is a nice and sociable person. She is always taking care of our celiac fellow (Roger). In addition, she is the chef of our group, her gluten free chocolate cake is delicious. Can’t wait to try it again!</p>
+
                    <!-- Card header -->
                            </div>
+
                    <div class="card-header" role="tab" id="heading5">
 +
                         <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona/Team#collapse0_027"
 +
                            aria-expanded="false" aria-controls="collapse0_027">
 +
                            <h3 class="mb-0 mt-3 title-accordion orange-intense">
 +
                                What Júlia thinks about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
 +
                            </h3>
 +
                        </a>
 +
                    </div>
 +
 
 +
                    <!-- Card body -->
 +
                    <div id="collapse0_027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
 +
                        <div class="card-body">
 +
                            <p class="text-f">Marta is a nice and sociable person. She is always taking care of our
 +
                                celiac fellow (Roger). In addition, she is the chef of our group, her gluten free
 +
                                chocolate cake is delicious. Can’t wait to try it again!</p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <!-- Accordion card -->
 
 
                 </div>
 
                 </div>
 +
                <!-- Accordion card -->
 +
            </div>
  
            </div>
 
            <!--/.Accordion wrapper-->
 
 
         </div>
 
         </div>
    </section>
+
        <!--/.Accordion wrapper-->
    <!--End accordion Marta-->
+
     </div>
 
+
</section>
 
+
<!--End accordion Marta-->
+
     <footer></footer>
+
 
+
    <!-- Copio tots a la carpeta scripts. No fico les versions .min sino les completes pq sigui el programa qho faci min -->
+
 
+
    <!-- Bootstrap core JavaScript -->
+
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jquery?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/bootstrapbundle?action=raw&ctype=text/javascript"></script>
+
  
    <!-- Plugin JavaScript -->
 
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jqueryeasing?action=raw&ctype=text/javascript"></script>
 
  
    <!-- Custom scripts for this template -->
 
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/new-age?action=raw&ctype=text/javascript"></script>
 
  
    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/scrollsensitive?action=raw&ctype=text/javascript"></script>
+
<footer></footer>
  
    <script type="text/javascript">
+
<script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/wiki?action=raw&ctype=text/javascript"></script>
        $(document).ready(function(){   
+
            //Check if the current URL contains '#'
+
            if(document.URL.indexOf("#")==-1){
+
                // Set the URL to whatever it was plus "#".
+
                url = document.URL+"#";
+
                location = "#";
+
       
+
                //Reload the page
+
                location.reload(true);
+
            }
+
        });
+
        </script>
+
  
  
  
 
</html>
 
</html>

Latest revision as of 03:04, 17 December 2018

BIO IQS

Team | Team members

Meet us!
Card image cap

Roger Compte

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Júlia Quintanas

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Victor Maull

MSc Bioengineering IQS

Bs Biological Systems Engineering

Card image cap

Marc Expòsit

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Mireia Solà

MSc Bioengineering IQS

Bs Chemistry

Card image cap

Xavier Carol

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Jordi Chi

MSc Bioengineering IQS

Bs Biomedicine

Card image cap

Eduard Martínez

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Coral García

MSc Bioengineering IQS

Bs Nanoscience

Card image cap

Mireia Jordà

MSc Bioengineering IQS

Bs Pharmacy

Card image cap

Aitor Vega

MSc Bioengineering IQS

Bs Biotechnology

Card image cap

Marta Clariana

MSc Bioengineering IQS

Bs Biotechnology

Roger Compte

Biotechnology

Not everyday you get the chance of building your own project with your friends. Putting together basic ideas to create something bigger that could help someone has been a pleasure. In addition, I am the celiac of the group so IGEM is definitely made for people like me.

The worst part of being celiac is to modify your own habits and even worse, the ones from the people around you. What I miss the most is the typical catalan bread with tomato on top.

To define myself in three words I would use pragmatic, kind and versatile.

I love diving, sealing and fishing. If it were up to me, my natural environment would be the sea.

The role I had in this project was to get and develop the idea for the project, provide genetic material and work in the genetic extraction and purification for further expression and production.

The role I had in this project was to come up with the idea for the project, provide the genetic material and work in the genetic extraction and purification for further expression and production.

If I had to describe Roger, I would say he is the reason why we enrolled in the iGEM project. This is basically because he became celiac four months before we first heard about this competition. He is a very positive person, friendly and very intelligent. He is always willing to invite us all to his house to do some networking while we make a round of beers and some pizzas.

Júlia Quintanas

Biotechnology

It gave me the opportunity to develop a project designed by ourselves and work with my colleagues to pull it forward.

cakes, ice cream and all kinds of sweet food.

Friendly, passionate and hard-working

I like dancing, travelling and meeting new people. I also Iove the world of furniture restoration and crafting.

The idea of combining elements from nature so as to obtain new functions that would not have been possible otherwise.

Managing the different tasks of the team, disseminate and promote the project as well as participate in the laboratory tasks.

She is a very chill and happy person who always has a funny story to tell about her adventures.

Victor Maull

Biological systems engineering

Marc told me about the contest when we had just begun the Bioengineering master in IQS. Together with him, I started getting motivated about synthetic biology and eventually engaged in the project.

PIZZA!(Obviously, a mainstream answer for a mainstream question)

Stressed, half-cynic, half-dreamer and obsessive about some topics.

I love leaving Barcelona’s stressful streets to go climb a mountain peak. Likewise, as often as I can, I try to plan a trip as wild as I possibly can.

Synthetic Biology is a powerful tool to understand the mechanisms underlying biology. It allows us to modify life. Therefore, Richard Feynman’s words acquire great sense to me: “what I cannot create, I do not understand”.

My contribution is related to the development of the DryLab section of our project.

Victor is a very charming person to be with. He is always there to help you and offer a shoulder you can cry on. He is very resourceful and likes problem-solving.

Marc Expòsit

Biotechnology

It's an incredible opportunity to manage every aspect of a real-life science project, make contributions to the synthbio community and promote public awareness of science.

Sweet chocolate cookies.

Creative, hard working and curious.

Trying to get people involved in projects like iGEM, creating fun but stupid scripts (If you want to encode a text message into DNA, I’ve got one for you!) and playing music with my band.

Everything from synthetic life to DNA information storage, including programming microorganisms in a predictive way.

As team leader I worked hard to introduce iGEM to our university. I've also been programming the wiki and, as I was completely new to that topic, I decided making the wiki editing tutorial. I also coordinated the progress of the project and prepared some activities outside the lab.

I would describe Marc as a well-organized, self-disciplined and resourceful scientific. He always finds a way to solve any problem.

Mireia Solà

I studied chemistry, although I still haven’t watched Breaking Bad.

I found it a great opportunity to learn more about synthetic biology and to work as a team.

Without pizza... “Crazy Telepizza Tuesday” has become a ritual.

I would describe myself as a lively, friendly and impulsive person.

I love doing sport, specially running and climbing mountains. In winter, skiing is just the perfect plan for the weekend, although I always try to have time to hang out with my friends.

What fascinates me the most about synthetic biology is how we are able to redesign new artificial pathways using microorganism as our own machines.

My role in the project has mainly been managing the social networks, specially Instagram as well as taking photos and videos of our daily work in the laboratoy.

She is a perfectionist. The laboratory journal is her most precious gem. She is a runner and so she spends most of her day up and down the stairs to get everything you need.

Xavier Carol Morera

I’ve read a lot of things about something called proteins.

I wanted to extend my knowledge related to team-managing to a whole new level.

My favorite meal: tagliatelle carbonara with mint and prawns.

I am three-dimensional (3D): Diplomatic, Dynamic and Diligent.

I do crossfit most of the time! I also like reading and watch series.

The potential it has to solve real life problems by genetically modyifing microorganisms.

My responsibilities refer to the design of the experiments related to the molecular biology field. I also care about the content of the wiki.

Xavi is a highly committed, efficient and methodical person. I have to say that he owns great artistic taste and radiates such inner peace that is hard to beat! Undoubtedly, it has really been a pleasure to have known him during the last year. To sum it all up, I consider him a person to learn from.

Jordi Chi

Biomedical Sciences

Because our team leader was so enthusiastic and excited about it that fooled me to sign up straight away.

Chill, focused but distrustful

Chill, have a drink with friends, read a nice book, music (especially jazz) and sports.

Its potential application to any aspect of life.

I almost became the PI of the group.

If you looked up the word efficiency in the dictionary, you’d probably find Jordi's picture. He is the kind of person that is always ahead of everything. He will be the first person to help you when you need it.

Eduard Martínez

Biotechnology

An IGEM fellow team mate who lives in the best city in the world.

Easy-going, sports lover and Competitive.

The way science improves yourself.

Putting together the machinery for the expression of HLA with traductional modifications in Pichia Pastoris.

Edu is that kind of person that everyone loves. Most of the time he can be pretty annoying, but in the end, he is adorable (and you will never understand why). He is hard-working, and super competitive, but we can say he is a really good friend (out of the lab).

Coral García

Nanoscience and Nanotechnology (yes… the science of tiny things).

Because I wanted to live the experience of team working and science communication.

Pizza! Friday night is pizza night with my flatmates.

Passionate, hard-working and dynamic.

In my free time I enjoy playing volleyball, reading any kind of book and driving anywhere.

I’m still wondering what synthetic biology is… I think the best point is that it is endless, there are no limits to this area of research.

A bit of everything… Lab work, communication activities, sensor design...

Coral is the one person everybody wants to work with. She is always the first to finish her tasks and help you out if you need a helping hand. You have great chances to find her reading a book in some corner.

Mireia Jordà

Pharmacy because being licensed in drugs it’s a real highlight.

Obviously, the laboratory tasks, which I love even during summer time.

Flour, because I love baking.

Consequent, open-minded and sweet-toothed.

Go out of the cave to collect mushrooms.

I like it when the experiment is a success.

Being a secretary, you basically get everything done without even noticing it. From Science to Marketing.

Mireia is a very friendly and cheerful person. There is no day that you don’t see a smile on her face. She is also original and creative, aspects that have been of great help during the project.

Aitor Vega

I studied biotechnology focusing on bioinformatics.

I decided to participate because it is a great opportunity to improve collaborative work skills as well as to face new and inspirational challenges.

Candy. Contrary to people belief, candy is not normally labelled as ‘gluten free’ due to possible cross-contaminations during manufacturing. A life with no candy is much blander.

I’m passionate, spontaneous and very clumsy.

I am very passionate about music, always looking for new songs. You will never see me without my blue headphones.

What I like the most is that it makes scientists able to solve real world issues by genetically modifying living organisms.

I have been in charge of the bioinformatical aspects of the project.

Aitor is always fighting for his ideals and discussing current topics. When he is not outraged for some political scandal, he is fascinated by autonomous robots, artificial intelligence, new technological gadgets and superheroes. Coupling this interest with his bioinformatic knowledge, one day he might create one of his favourite heroes from the Avengers…who knows.

Marta Clariana

Biotechnology

It was the perfect opportunity to better understand all the necessary steps to carry out a project from scratch.

Bread. I can’t imagine a breakfast without the typical “pa amb tomaquet” from Catalonia.

Perfectionist, constant and friendly.

I love traveling. I think that it’s the perfect way to discover new cultures and traditions completly different from ours.

The fact that you can produce improved products with important applications by just mixing parts from the DNA of different organisms.

Mainly, I’ve been part of the marketing team.

Marta is a nice and sociable person. She is always taking care of our celiac fellow (Roger). In addition, she is the chef of our group, her gluten free chocolate cake is delicious. Can’t wait to try it again!