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

Revision as of 21:10, 15 October 2018

BIO IQS TEAM

Roger Compte

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Roger Compte

Júlia Quintanas

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Júlia Quintanas

Victor Maull

MSc Bioengineering IQS

Bs Biological Systems Engineering

Know more about

Victor Maull

Marc Expòsit

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Marc Expòsit

Mireia Solà

MSc Bioengineering IQS

Bs Chemistry

Know more about

Mireia Solà

Xavier Carol

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Xavier Carol

Jordi Chi

MSc Bioengineering IQS

Bs Biomedicine

Know more about

Jordi Chi

Eduard Martínez

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Eduard Martínez

Coral García

MSc Bioengineering IQS

Bs Nanoscience

Know more about

Coral García

Mireia Jordà

MSc Bioengineering IQS

Bs Pharmacy

Know more about

Mireia Jordà

Aitor Vega

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Aitor Vega

Marta Clariana

MSc Bioengineering IQS

Bs Biotechnology

Know more about

Marta Clariana

Xavier Carol Morera

What did you study?

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

What encouraged you to compete in iGEM?

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

You could not live without..

My favorite meal: tagliatelle carbonara with mint and prawns.

Describe yourself in 3 words:

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

What do you do in your free time?

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

What do you like about synthetic biology?

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

What’s your role in the BioIQS team?

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

What does Victor Maull think about you:

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.

Roger Compte

What did you study?

Biotechnology

What encouraged you to compete in iGEM?

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.

You could not live without..

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.

Describe yourself in 3 words

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

What do you do in your free-time?

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

What do you like about synthetic biology?

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.

What’s your role in the BioIQS team?

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.

What does Mireia Solà think about you:

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

What did you study?

Biotechnology

What encouraged you to compete in iGEM?

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

You could not live without..

cakes, ice cream and all kinds of sweet food.

Describe yourself in 3 words

Friendly, passionate and hard-working

What do you do in your free time?

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

What do you like about synthetic biology?

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

What’s your role in the BioIQS team?

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

What does Jordi Chi think about you:

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

Victor Maull

What did you study?

Biological systems engineering

What encouraged you to compete in iGEM?

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.

You could not live without..

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

Describe yourself in 3 words

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

What do you do in your free time?

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.

What do you like about synthetic biology?

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”.

What’s your role in the BioIQS team?

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

What does Roger Compte think about you:

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

Marc Expòsit

What did you study?

Biotechnology

What encouraged you to compete in iGEM?

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.

You could not live without..

Sweet chocolate cookies.

Describe yourself in 3 words

Creative, hard working and curious.

What do you do in your free-time?

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.

What do you like about synthetic biology?

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

What’s your role in the BioIQS team??

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.

What does Xavier Carol think about you:

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

Mireia Solà

What did you study?

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

What encouraged you to compete in iGEM?

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

You could not live without..

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

Describe yourself in 3 words

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

What do you do in your free time?

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 do you like about synthetic biology?

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

What’s your role in the BioIQS team?

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.

What does Mireia Jordà think about you:

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.

Jordi Chi

What did you study?

Biomedical Sciences

What encouraged you to compete in iGEM?

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

You could not live without..

Chinese food

Describe yourself in 3 words

Chill, focused but distrustful

What do you do in your free time?

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

What do you like about synthetic biology?

Its potential application to any aspect of life.

What’s your role in the BioIQS team?

I almost became the PI of the group.

What does Eduard think about you:

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

What did you study?

Biotechnology

What encouraged you to compete in iGEM?

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

You could not live without..

Ramen

Describe yourself in 3 words

Easy-going, sports lover and Competitive.

What do you do in your free time?

Judo

What do you like about synthetic biology?

The way science improves yourself.

What’s your role in the BioIQS team?

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

What does Coral think about you:

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

What did you study?

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

What encouraged you to compete in iGEM?

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

You could not live without..

Pizza! Friday night is pizza night with my flatmates.

Describe yourself in 3 words

Passionate, hard-working and dynamic.

What do you do in your free time?

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

What do you like about synthetic biology?

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.

What’s your role in the BioIQS team?

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

What does Aitor think about you:

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à

What did you study?

Pharmacy because being a licensed drug dealer it’s a real highlight.

What encouraged you to compete in iGEM?

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

You could not live without..

Flour, because I love baking.

Describe yourself in 3 words

Consequent, open-minded and sweet-toothed.

What do you do in your free time?

Go out of the cave to collect mushrooms.

What do you like about synthetic biology?

I like it when the experiment is a success.

What’s your role in the BioIQS team?

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

What does Marta think about you:

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

What did you study?

I studied biotechnology focusing on bioinformatics.

What encouraged you to compete in iGEM?

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

You could not live without..

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.

Describe yourself in 3 words

I’m passionate, spontaneous and very clumsy.

What do you do in your free time?

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

What do you like about synthetic biology?

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

What’s your role in the BioIQS team?

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

What does Marc think about you:

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.

@@ Line 1: / Line 1: @@
-{{BioIQS-Barcelona}}
-<html>
-<div class="column two_thirds_size" >
+<html lang="en">
-<h1>Team</h1>
-<p>In this page you can introduce your team members, instructors, and advisors. </p>
-<h3>What should this page contain?</h3>
+    <meta charset="utf-8">
-<ul>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+    <meta name="description" content="">
-<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+    <meta name="author" content="">
-<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
-<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+    <title>BIO IQS TEAM</title>
-</ul>
-</div>
+    <!-- Bootstrap core CSS -->
+    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/bootstrap.min?action=raw&ctype=text/css" rel="stylesheet">
+    <!--    Fonts googlefonts-->
+    <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
+    <!-- Custom fonts for this template -->
+    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/all.min?action=raw&ctype=text/css" rel="stylesheet">
+    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/simple-line-icons?action=raw&ctype=text/css">
+    <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">
+    <!-- Link font awesome-->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
+    <!-- Plugin CSS -->
+    <link rel="stylesheet" href="https://2018.igem.org/Template:BioIQS-Barcelona/css/device-mockups.min?action=raw&ctype=text/css">
+    <!-- Custom styles for this template -->
+    <link href="https://2018.igem.org/Template:BioIQS-Barcelona/css/new-age?action=raw&ctype=text/css" rel="stylesheet">
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+        <div class="container">
+            <a class="navbar-brand js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/index#page-top">BIO IQS</a>
+            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+          Menu
+          <i class="fas fa-bars"></i>
+        </button>
+            <div class="nav2" id="mainNav2">
+                <div class="collapse navbar-collapse" id="navbarResponsive">
+                    <ul class="navbar-nav ml-auto">
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:BioIQS-Barcelona/#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/overview">Overview</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/description">Description</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/collaborations">Collaborations</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/results">Results</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/safety">Safety</a>
+                            </div>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:BioIQS-Barcelona/#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Wet Lab</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/w-overview">Overview</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/personalization">Personalization (PCRs)</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/parts">Parts</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/notebook">Notebook</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/protocols">Protocols</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/interlab">InterLab</a>
+                            </div>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:BioIQS-Barcelona/#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dry Lab</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/d-overview">Overview</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/modelling">Modelling</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/standaritzation">PCR Standaritzation</a>
+                            </div>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:BioIQS-Barcelona/#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Outside the Lab</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/human-practices">Human Practices</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/int-human-practices">Integrated Human Practices</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/education">Education &amp; Engagement</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/wiki">Wiki editing tutorial</a>
+                            </div>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="https://2018.igem.org/Team:BioIQS-Barcelona/#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
+                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/team">Team members</a>
+                                <a class="dropdown-item js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona/attributions">Attributions</a>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <header class="masthead teams">
+        <div class="container h-100">
+            <div class="row h-100">
+                <div class="col-lg-7 my-auto">
+                    <div class="header-content header-xl">
+                        <h1 class="mb-5">Team | Team members</h1>
+                        <a href="https://2018.igem.org/Team:BioIQS-Barcelona#team" class="btn btn-outline btn-xl js-scroll-trigger">Meet us!</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <!--
+    <section class="project text-center" id="project">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-9 mx-auto">
+                    <h2 class="section-heading orange">Project description</h2>
+                    <h3 class="orange">We would like to present you a brief description of our project on celiac disease:</h3>
+                    <div class="col-md-auto orange">
+                        <p class="book">Our project is based on the design of a <b>personalized gluten sensor</b> by using the common tools of synthetic biology. There are already several sensors that are able to detect gluten in the food. However, there are milestones that still have not been overcome. We propose a robust model in which the HLA molecule of a patient is expressed and used as a sensor to detect specific reactive gluten epitopes.</p>
+                    </div>
+                    <a class="js-scroll-trigger" href="#t-project"><span class="arrow down"></span></a>
+                </div>
+            </div>
+        </div>
+    </section>
+-->
+    <button onclick="topFunction()" id="myBtn" class="js-scroll-trigger" title="Go to top">Top</button>
+    <section id="team" class="pb-5">
+        <div class="container">
+            <div class="row">
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card roger">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-12.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Roger Compte</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#roger">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Roger Compte</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card julia">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-2.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Júlia Quintanas</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#julia">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Júlia Quintanas</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card victor">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-3.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Victor Maull</h4>
+                                            <div class="card-text text-f">
+                                                <p>MSc Bioengineering IQS</p>
+                                                <p>Bs Biological Systems Engineering</p>
+                                            </div>
+                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#victor">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Victor Maull</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card marc">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-5.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Marc Expòsit</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#marc">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Marc Expòsit</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card mireia">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-6.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Mireia Solà</h4>
+                                            <div class="card-text text-f">
+                                                <p>MSc Bioengineering IQS</p>
+                                                <p>Bs Chemistry</p>
+                                            </div>
+                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#mireia">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Mireia Solà</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card xavi">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-7.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Xavier Carol</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#xavier">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Xavier Carol</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card jordi">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-8.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Jordi Chi</h4>
+                                            <div class="card-text text-f">
+                                                <p>MSc Bioengineering IQS</p>
+                                                <p>Bs Biomedicine</p>
+                                            </div>
+                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#jordi">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Jordi Chi</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card edu">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-11.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Eduard Martínez</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#edu">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Eduard Martínez</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card coral">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-9.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Coral García</h4>
+                                            <div class="card-text text-f">
+                                                <p>MSc Bioengineering IQS</p>
+                                                <p>Bs Nanoscience</p>
+                                            </div>
+                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#coral">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Coral García</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card jorda">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-10.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Mireia Jordà</h4>
+                                            <div class="card-text text-f">
+                                                <p>MSc Bioengineering IQS</p>
+                                                <p>Bs Pharmacy</p>
+                                            </div>
+                                            <!--                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>-->
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#mireia-j">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Mireia Jordà</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card jorda">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-0.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Aitor Vega</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#aitor">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Aitor Vega</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+                <!-- Team member -->
+                <div class="col-xs-12 col-sm-6 col-md-4 center block-desc-middle-t">
+                    <div class="image-flip" ontouchstart="this.classList.toggle('hover');">
+                        <div class="mainflip">
+                            <div class="frontside">
+                                <div class="card">
+                                    <div class="content-card marta">
+                                        <div class="content-img">
+                                            <img class="card-img-top" src="img/pers-4.png" alt="Card image cap">
+                                        </div>
+                                        <div class="card-body text-center">
+                                            <!--                                    <p><img class=" img-fluid" src="img/pers-2.png"></p>-->
+                                            <h4 class="card-title text-f">Marta Clariana</h4>
+                                            <div class="card-text text-f">
+                                                <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>
+                                </div>
+                            </div>
+                            <div class="backside">
+                                <div class="card">
+                                    <a class="back-card-link js-scroll-trigger" href="https://2018.igem.org/Team:BioIQS-Barcelona#marta">
+                                        <div class="card-body text-center mt-4">
+                                            <h4 class="sub-card blinking">Know more about</h4>
+                                            <p class="card-text text-f">Marta Clariana</p>
+                                        </div>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- ./Team member -->
+            </div>
+        </div>
+    </section>
+    <!-- Team -->
+    <!--Accordion Xavier -->
+    <!--Accordion wrapper-->
+    <section id="xavier">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx1" role="tablist" aria-multiselectable="true">
+                <div class="col-sm-12 col-md-4 person">
+                    <h3 class="orange">Xavier Carol Morera</h3>
+                    <div class="image pers">
+                        <img src="styles/img/xavi.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/xavi.c.morera">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/xaviercarolmorera/">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">I’ve read a lot of things about something called proteins.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse2" aria-expanded="false" aria-controls="collapse2">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">I wanted to extend my knowledge related to team-managing to a whole new level.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse3" aria-expanded="false" aria-controls="collapse3">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">My favorite meal: tagliatelle carbonara with mint and prawns.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse4" aria-expanded="false" aria-controls="collapse4">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">I am three-dimensional (3D): Diplomatic, Dynamic and Diligent.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse5" aria-expanded="false" aria-controls="collapse5">
+                                <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 -->
+                        <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">I do crossfit most of the time! I also like reading and watch series.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse6" aria-expanded="false" aria-controls="collapse6">
+                                <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="collapse6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <div class="card-body">
+                                <p class="text-f">The potential it has to solve real life problems by genetically modyifing microorganisms.</p>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#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>
+                        <!-- Card body -->
+                        <div id="collapse7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx1">
+                            <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>
+                            </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="#accordionEx1" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse8" aria-expanded="false" aria-controls="collapse8">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Victor Maull think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Xavier-->
+    <!--Accordion Roger-->
+    <!--Accordion wrapper-->
+    <section id="roger">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx2" role="tablist" aria-multiselectable="true">
+                <div class="col-sm-12 col-md-4 person">
+                    <h3 class="orange">Roger Compte</h3>
+                    <div class="image pers">
+                        <img src="styles/img/roger.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/roger.compte">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/roger_compte">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <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>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <div class="card-body">
+                                <p class="text-f">Biotechnology</p>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse02" aria-expanded="false" aria-controls="collapse02">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse03" aria-expanded="false" aria-controls="collapse03">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <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>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse04" aria-expanded="false" aria-controls="collapse04">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <div class="card-body">
+                                <p class="text-f">To define myself in three words I would use pragmatic, kind and versatile.</p>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse06" aria-expanded="false" aria-controls="collapse06">
+                                <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 -->
+                        <div id="collapse06" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <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>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse07" aria-expanded="false" aria-controls="collapse07">
+                                <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="collapse07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <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>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse08" aria-expanded="false" aria-controls="collapse08">
+                                <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 -->
+                        <div id="collapse08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <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>
+                            </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="#accordionEx2" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse09" aria-expanded="false" aria-controls="collapse09">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Mireia Solà think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse09" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx2">
+                            <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>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!-- End accordion Roger-->
+    <!--Accordion Julia-->
+    <!--Accordion wrapper-->
+    <section id="julia">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx3" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Júlia Quintanas</h3>
+                    <div class="image pers">
+                        <img src="styles/img/julia.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <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>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/julia.qy/">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <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">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <div class="card-body">
+                                <p class="text-f">Biotechnology</p>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse002" aria-expanded="false" aria-controls="collapse002">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse003" aria-expanded="false" aria-controls="collapse003">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <div class="card-body">
+                                <p class="text-f">cakes, ice cream and all kinds of sweet food.</p>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse004" aria-expanded="false" aria-controls="collapse004">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <div class="card-body">
+                                <p class="text-f">Friendly, passionate and hard-working</p>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse005" aria-expanded="false" aria-controls="collapse005">
+                                <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 -->
+                        <div id="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <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>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse005" aria-expanded="false" aria-controls="collapse005">
+                                <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="collapse005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <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>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse006" aria-expanded="false" aria-controls="collapse006">
+                                <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 -->
+                        <div id="collapse006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <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>
+                            </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="#accordionEx3" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse007" aria-expanded="false" aria-controls="collapse007">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Jordi Chi think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx3">
+                            <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>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!-- End accordion Julia-->
+    <!--Accordion Victor-->
+    <!--Accordion wrapper-->
+    <section id="victor">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx4" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Victor Maull</h3>
+                    <div class="image pers">
+                        <img src="styles/img/victor.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <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>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_1" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <p class="text-f">Biological systems engineering</p>
+                            </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="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_2" aria-expanded="false" aria-controls="collapse_2">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_2" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_3" aria-expanded="false" aria-controls="collapse_3">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_3" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <p class="text-f">PIZZA!(Obviously, a mainstream answer for a mainstream question)</p>
+                            </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="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_4" aria-expanded="false" aria-controls="collapse_4">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_4" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <p class="text-f">Stressed, half-cynic, half-dreamer and obsessive about some topics.</p>
+                            </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="#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 -->
+                        <div id="collapse_5" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <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>
+                            </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="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_6" aria-expanded="false" aria-controls="collapse_6">
+                                <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_6" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <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>
+                            </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="#accordionEx4" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_7" aria-expanded="false" aria-controls="collapse_7">
+                                <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 -->
+                        <div id="collapse_7" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <p class="text-f">My contribution is related to the development of the DryLab section of our project.</p>
+                            </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="#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">
+                                    What does Roger Compte think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_8" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx4">
+                            <div class="card-body">
+                                <p class="text-f">I would describe Marc as a well-organized, self-disciplined and resourced scientific. He always finds a way to solve any problem.</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!-- End accordion Victor-->
+    <!--Accordion Marc E-->
+    <!--Accordion wrapper-->
+    <section id="marc">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx5" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Marc Expòsit</h3>
+                    <div class="image pers">
+                        <img src="styles/img/marc.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/marc.expositgoy">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/marc_exposit">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mexpositg/">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mexposit">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_01" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <div class="card-body">
+                                <p class="text-f">Biotechnology</p>
+                            </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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_02" aria-expanded="false" aria-controls="collapse_02">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_02" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_03" aria-expanded="false" aria-controls="collapse_03">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_03" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <div class="card-body">
+                                <p class="text-f">Sweet chocolate cookies.</p>
+                            </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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_04" aria-expanded="false" aria-controls="collapse_04">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_04" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <div class="card-body">
+                                <p class="text-f">Creative, hard working and curious.</p>
+                            </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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_05" aria-expanded="false" aria-controls="collapse_05">
+                                <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 -->
+                        <div id="collapse_05" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <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>
+                            </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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#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>
+                    <!-- 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="#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 -->
+                        <div id="collapse_07" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <div class="card-body">
+                                <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>
+                            </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="#accordionEx5" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_08" aria-expanded="false" aria-controls="collapse_08">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Xavier Carol think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_08" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx5">
+                            <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>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!-- End accordion Marc E-->
+    <!--Accordion Mireia S-->
+    <!--Accordion wrapper-->
+    <section id="mireia">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx6" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Mireia Solà</h3>
+                    <div class="image pers">
+                        <img src="styles/img/mireia-s.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/mireia.solasaborit">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/MireiaSol1?lang=en">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/mireiasolasaborit/?hl=es">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <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>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_001" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <div class="card-body">
+                                <p class="text-f">I studied chemistry, although I still haven’t watched Breaking Bad.  </p>
+                            </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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_002" aria-expanded="false" aria-controls="collapse5">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_002" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_003" aria-expanded="false" aria-controls="collapse_003">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_003" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <div class="card-body">
+                                <p class="text-f">Without pizza... “Crazy Telepizza Tuesday” has become a ritual.</p>
+                            </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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_004" aria-expanded="false" aria-controls="collapse_004">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_004" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <div class="card-body">
+                                <p class="text-f">I would describe myself as a lively, friendly and impulsive person.</p>
+                            </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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_005" aria-expanded="false" aria-controls="collapse_005">
+                                <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 -->
+                        <div id="collapse_005" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <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>
+                            </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="#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 -->
+                        <div id="collapse_006" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <div class="card-body">
+                                <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>
+                            </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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_007" aria-expanded="false" aria-controls="collapse_007">
+                                <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 -->
+                        <div id="collapse_007" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx6">
+                            <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>
+                            </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="#accordionEx6" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_008" aria-expanded="false" aria-controls="collapse_008">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Mireia Jordà think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Mireia S-->
+    <!--Accordion Jordi Chi-->
+    <!--Accordion wrapper-->
+    <section id="jordi">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx7" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Jordi Chi</h3>
+                    <div class="image pers">
+                        <img src="styles/img/jordi.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <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>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse9" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">Biomedical Sciences</p>
+                            </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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse10" aria-expanded="false" aria-controls="collapse10">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse10" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse11" aria-expanded="false" aria-controls="collapse11">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse11" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">Chinese food</p>
+                            </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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse12" aria-expanded="false" aria-controls="collapse12">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse12" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">Chill, focused but distrustful</p>
+                            </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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse14" aria-expanded="false" aria-controls="collapse14">
+                                <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 -->
+                        <div id="collapse14" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">Chill, have a drink with friends, read a nice book, music (especially jazz) and sports.</p>
+                            </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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse15" aria-expanded="false" aria-controls="collapse15">
+                                <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="collapse15" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">Its potential application to any aspect of life.</p>
+                            </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="#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 -->
+                        <div id="collapse16" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx7">
+                            <div class="card-body">
+                                <p class="text-f">I almost became the PI of the group.</p>
+                            </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="#accordionEx7" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse17" aria-expanded="false" aria-controls="collapse17">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Eduard think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Jordi Chi-->
+    <!--Accordion Edu -->
+    <!--Accordion wrapper-->
+    <section id="edu">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx8" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Eduard Martínez</h3>
+                    <div class="image pers">
+                        <img src="styles/img/edu.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/edumll6">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/edumll/">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse010" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">Biotechnology</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse011" aria-expanded="false" aria-controls="collapse011">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse011" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">An IGEM fellow team mate who lives in the best city in the world.</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse012" aria-expanded="false" aria-controls="collapse012">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse012" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">Ramen</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse014" aria-expanded="false" aria-controls="collapse014">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse014" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">Easy-going, sports lover and Competitive.</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse015" aria-expanded="false" aria-controls="collapse015">
+                                <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 -->
+                        <div id="collapse015" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">Judo</p>
+                            </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="#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 -->
+                        <div id="collapse016" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">The way science improves yourself.</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#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>
+                        <!-- Card body -->
+                        <div id="collapse017" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx8">
+                            <div class="card-body">
+                                <p class="text-f">Putting together the machinery for the expression of HLA with traductional modifications in Pichia Pastoris.</p>
+                            </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="#accordionEx8" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse018" aria-expanded="false" aria-controls="collapse018">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Coral think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Edu-->
+    <!--Accordion Coral -->
+    <!--Accordion wrapper-->
+    <section id="coral">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx9" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Coral García</h3>
+                    <div class="image pers">
+                        <img src="styles/img/coral.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <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>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/coral-fernandez-4b1157101/">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse20" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <p class="text-f">Nanoscience and Nanotechnology (yes… the science of tiny things).</p>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse21" aria-expanded="false" aria-controls="collapse21">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse21" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <p class="text-f">Because I wanted to live the experience of team working and science communication.</p>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse22" aria-expanded="false" aria-controls="collapse22">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse22" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <p class="text-f">Pizza! Friday night is pizza night with my flatmates.</p>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse23" aria-expanded="false" aria-controls="collapse23">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse23" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <p class="text-f">Passionate, hard-working and dynamic.</p>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse24" aria-expanded="false" aria-controls="collapse24">
+                                <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 -->
+                        <div id="collapse24" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <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>
+                            </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="#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 -->
+                        <div id="collapse25" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <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>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#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>
+                        <!-- Card body -->
+                        <div id="collapse26" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx9">
+                            <div class="card-body">
+                                <p class="text-f">A bit of everything… Lab work, communication activities, sensor design...</p>
+                            </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="#accordionEx9" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse27" aria-expanded="false" aria-controls="collapse27">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Aitor think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Coral-->
+    <!--Accordion Mireia J -->
+    <!--Accordion wrapper-->
+    <section id="mireia-j">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx10" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Mireia Jordà</h3>
+                    <div class="image pers">
+                        <img src="styles/img/mireia-j.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/mireia-jorda-redondo/">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- 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#collapse020" aria-expanded="false" aria-controls="collapse020">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">Pharmacy because being a licensed drug dealer it’s a real highlight.</p>
+                            </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#collapse021" aria-expanded="false" aria-controls="collapse021">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">Obviously, the laboratory tasks, which I love even during summer time.</p>
+                            </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#collapse022" aria-expanded="false" aria-controls="collapse022">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">Flour, because I love baking.</p>
+                            </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#collapse023" aria-expanded="false" aria-controls="collapse023">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">Consequent, open-minded and sweet-toothed.</p>
+                            </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#collapse024" aria-expanded="false" aria-controls="collapse024">
+                                <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 -->
+                        <div id="collapse024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">Go out of the cave to collect mushrooms.</p>
+                            </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#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 -->
+                        <div id="collapse025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <div class="card-body">
+                                <p class="text-f">I like it when the experiment is a success.</p>
+                            </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#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>
+                        <!-- Card body -->
+                        <div id="collapse026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <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>
+                            </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#collapse027" aria-expanded="false" aria-controls="collapse027">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Marta think about you:<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse027" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx10">
+                            <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>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Mireia-J-->
+    <!--Accordion Aitor -->
+    <!--Accordion wrapper-->
+    <section id="aitor">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx11" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Aitor Vega</h3>
+                    <div class="image pers">
+                        <img src="styles/img/aitor.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <ul class="list-inline">
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.facebook.com/aitor.vegasanchez">
+                            <i class="fab fa-facebook-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/vega.aitor/">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/aitor-vega-sanchez/">
+                            <i class="fab fa-linkedin"></i>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <div class="card-body">
+                                <p class="text-f">I studied biotechnology focusing on bioinformatics.</p>
+                            </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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_021" aria-expanded="false" aria-controls="collapse_021">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_022" aria-expanded="false" aria-controls="collapse_022">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <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>
+                            </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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_023" aria-expanded="false" aria-controls="collapse_023">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <div class="card-body">
+                                <p class="text-f">I’m passionate, spontaneous and very clumsy.</p>
+                            </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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_024" aria-expanded="false" aria-controls="collapse_024">
+                                <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 -->
+                        <div id="collapse_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <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>
+                            </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="#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 -->
+                        <div id="collapse_025" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <div class="card-body">
+                                <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>
+                            </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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#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>
+                        <!-- Card body -->
+                        <div id="collapse_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx11">
+                            <div class="card-body">
+                                <p class="text-f">I have been in charge of the bioinformatical aspects of the project.</p>
+                            </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="#accordionEx11" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse_027" aria-expanded="false" aria-controls="collapse_027">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Marc think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Aitor-->
+    <!--Accordion Mrta -->
+    <!--Accordion wrapper-->
+    <section id="marta">
+        <div class="container">
+            <div class="accordion md-accordion accordion-3 z-depth-1-half row" id="accordionEx12" role="tablist" aria-multiselectable="true">
+                <div class="col-4 person">
+                    <h3 class="orange">Marta Clariana</h3>
+                    <div class="image pers">
+                        <img src="styles/img/marta.jpg">
+                    </div>
+                    <div class="social-ic">
+                        <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>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://2018.igem.org/Team:BioIQS-Barcelona/#">
+                            <i class="fab fa-twitter-square"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <a class="social-icon text-xs-center" target="_blank" href="https://www.instagram.com/martuns3/">
+                            <i class="fab fa-instagram"></i>
+                            </a>
+                            </li>
+                            <li class="list-inline-item">
+                                <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>
+                            </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-xs-12 col-sm-8 memb-desc">
+                    <!-- Accordion card -->
+                    <div class="card-member">
+                        <!-- Card header -->
+                        <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">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What did you study? <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse0_020" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <div class="card-body">
+                                <p class="text-f">Biotechnology</p>
+                            </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="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_021" aria-expanded="false" aria-controls="collapse0_021">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What encouraged you to compete in iGEM?<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse0_021" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <div class="card-body">
+                                <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>
+                    <!-- 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="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_022" aria-expanded="false" aria-controls="collapse0_022">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    You could not live without.. <i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse0_022" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <div class="card-body">
+                                <p class="text-f">Bread. I can’t imagine a breakfast without the typical “pa amb tomaquet”  from Catalonia.</p>
+                            </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="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_023" aria-expanded="false" aria-controls="collapse0_023">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    Describe yourself in 3 words<i class="fa fa-angle-down rotate-icon fa-2x"></i>
+                                </h3>
+                            </a>
+                        </div>
+                        <!-- Card body -->
+                        <div id="collapse0_023" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <div class="card-body">
+                                <p class="text-f">Perfectionist, constant and friendly.</p>
+                            </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="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_024" aria-expanded="false" aria-controls="collapse0_024">
+                                <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 -->
+                        <div id="collapse0_024" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <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>
+                            </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="#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 -->
+                        <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>
+                    <!-- 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="#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 -->
+                        <div id="collapse0_026" class="collapse" role="tabpanel" aria-labelledby="heading5" data-parent="#accordionEx12">
+                            <div class="card-body">
+                                <p class="text-f">Mainly, I’ve been part of the marketing team.</p>
+                            </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="#accordionEx12" href="https://2018.igem.org/Team:BioIQS-Barcelona#collapse0_027" aria-expanded="false" aria-controls="collapse0_027">
+                                <h3 class="mb-0 mt-3 title-accordion orange-intense">
+                                    What does Júlia think 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>
+                    <!-- Accordion card -->
+                </div>
+            </div>
+            <!--/.Accordion wrapper-->
+        </div>
+    </section>
+    <!--End accordion Marta-->
+    <footer>
+        <div class="container">
+            <p>&copy; BIOIQS IGEM 2018. All Rights Reserved.</p>
+            <ul class="list-inline">
+                <li class="list-inline-item">
+                    <a href="https://2018.igem.org/Team:BioIQS-Barcelona/#">Privacy</a>
+                </li>
+                <li class="list-inline-item">
+                    <a href="https://2018.igem.org/Team:BioIQS-Barcelona/#">Terms</a>
+                </li>
+                <li class="list-inline-item">
+                    <a href="https://2018.igem.org/Team:BioIQS-Barcelona/#">FAQ</a>
+                </li>
+            </ul>
+        </div>
+    </footer>
+    <!-- Bootstrap core JavaScript -->
+    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jquery.min?action=raw&ctype=text/javascript"></script>
+    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/bootstrap.bundle.min?action=raw&ctype=text/javascript"></script>
+    <!-- Plugin JavaScript -->
+    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/jquery.easing.min?action=raw&ctype=text/javascript"></script>
+    <!-- Custom scripts for this template -->
+    <script src="https://2018.igem.org/Template:BioIQS-Barcelona/js/new-age.min?action=raw&ctype=text/javascript"></script>
+    <script>
+        // When the user scrolls down 200px from the top of the document, show the button
+window.onscroll = function() {scrollFunction()};
+function scrollFunction() {
+    if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 500) {
+        document.getElementById("myBtn").style.display = "block";
+    } else {
+        document.getElementById("myBtn").style.display = "none";
+    }
+}
+// When the user clicks on the button, scroll to the top of the document
+function topFunction() {
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+}
+    </script>
-<div class="column third_size" >
-<div class="highlight decoration_A_full">
-<h3>Inspiration</h3>
-<p>You can look at what other teams did to get some inspiration! <br />
-Here are a few examples:</p>
-<ul>
-<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
-<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
-<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
-<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
-</ul>
-</div>
-</div>
 </html>