Latest revision as of 05:36, 17 October 2018

NOTEBOOK

Here, you will find information about the timeline of our project.

LabBook
Extra-LabBook

LABBOOK

To achieve our lab work, we split up into different teams, each working on different aspects of the experimental procedure. Three teams were then formed :

Team coli: this team was managed by Younes and included Marion. Their goal was to achieve the production and characterization of Cerberus and Sirius in Escherichia coli
Team pastoris: this team was ruled by Angeline and included Gaëlle. Their mission was to reproduce the experiments planned on Escherichia coli in Pichia pastoris
Team biotin: this team was ruled by Amandine and included Jean and Julien. Their objective was to construct and to test our in vivo biotinylation system.
Team callulose: this team was managed by Callum (and so was dubbed Callulose) and got help from Younes. Its mission was to launch and optimize our bacterial cellulose production.

LABBOOK: JUNE

18/06 - 22/06:

For the first week in the lab, we received and amplified our plasmids (pPICz, pETDuet, pET28, pGAP) but also our bacterial strains E. coli BL21 DE3 and Tuner.

25/06 - 29/06:

Team coli: we started with a PCR on the the gBlock Cerberus-pastoris. In order to clone this gBlock, we prepared the pGAP plasmid by amplifying it in E. coli Stellar cells before a Midiprep. Another aspect was to check the pREAV which will allow the incorporation of a unnatural amino acid in our Cerberus.
Team pastoris: pPIC, pGAP and pETDuet were good but pPIC did not match our expectations so we had to find another solution.
Team callulose: the first productions of cellulose started in culture tubes.

LABBOOK: JULY

02/07 - 06/07:

Team biotin: this week, we performed a PCR on BirA and we digested the pPIC after its amplification in E. coli Stellar cells. This allowed us to do our first cloning with BirA in the pETDuet. We checked the clones by digestion and they were OK. It was necessary to sequence these clones before doing the next cloning in pETDuet. We obtained a different pPIC from a previous year's supplies, and we checked it.
Team coli: this week, it was the first In-fusion cloning with our Cerberus in the pET28. We used two differents construction for Cerberus, one with a monomeric streptavidin and another with a tetrameric streptavidin. Then, we checked the constructs by digestion before sending them for sequencing. In the same time we checked our plasmid pEVOL-AzF which allows the unnatural amino acid incorporation in E. coli.
Team pastoris: this week, we clone Cerberus-streptavidin though In-fusion into the pGAP with the material prepared the week before. So we had to check some clones by digestion before sequencing. Fortunately, they were good. It was also this week that we received the Pichia pastoris GS200 strains cell.

09/07 - 13/07:

Team biotin: on monday we sent our pETDuet BirA clones obtained last week to sequencing and we were happy that our clones were validated. In the same time, we carried on the PCRs with the parts that will be used to functionalize our Cerberus after biotinylation by BirA.
Team coli: This week, we received the sequencing results for Cerberus and it was again a success for the Toulouse iGEM team. We cloned Sirius (CBM3-RFP) in the pET28 with the In-fusion kit. For this, we performed PCR on the gBlocks then we used the In-fusion kit. After verification, Sirius was OK.
Team pastoris: we checked the pREAV and found out the plasmid map didn’t match with our digestion results. We needed to find a different pREAV...
Team callulose: we decided to focus the production with G. hansenii because it produces more cellulose than K. rhaeticus. We also started production in 2L Erlenmeyers.

16/07 - 20/07:

Team biotin: This week, we focused on the pastoris cloning. We prepared the pGAP vector (amplification, purification and digestion), mRFP1, BFP and scygonadin parts and we cloned all three. We tried to amplify and purify pPIC but unfortunately it was necessary to try again because the Midiprep didn’t succeed.
Team coli: this week, we made or own competent cells using BL21 DE3 and tuner strains
Team pastoris: this week, we did In-fusion cloning in the pGAP but this time with the cerberus mSA2. After transformation, culture and miniprep, we checked clones by digestion. The cloning was a success.

23/07 - 27/07:

Team biotin: this week, before another midiprep, we checked the pPIC but we still had a mapping problem. After many verifications, it was clearly not correct but we found another source for this plasmid and it seemed OK. We amplified it by midiprep.
Team coli: this week, we did the first production assay for Sirius and we were very happy because we obtained a red culture medium.
Team pastoris: this week, the pichia team helped the other teams because it was ahead of the planning and had to wait for yeast growth.

30/07 - 03/08:

Team biotin: this week, we worked on pETDuet-BirA to clone our functionalizing proteins (mRFP1 and BFP). We amplified the pETDuet-BirA and after Midiprep and digestion, we cloned mRFP1 and BFP with the In-fusion kit. After digestion, we sent clones to sequencing and started production assay in E. coli BL21 DE3.
Team coli: we did the first Sirius purification after production in E. coli BL21 DE3. To do this, we used an IMAC column and dialysis. In order to prove the CBM3 fixation to cellulose, we prepared the regenerated amorphous cellulose.
Team callulose: We intensified the cellulose production to be able to give 5g of dried cellulose to the Bordeaux iGEM team at the end of the month.

LABBOOK: AUGUST

06/08 - 10/08:

Team biotin: this week, we worked on the production assay for biotinylated proteins in E. coli. Furthermore, we cloned BirA in the pPIC plasmid and we checked it by digestion and sequencing. After that, we cloned RFP, scygonadin and BFP in this plasmid to produce the proteins in Pichia pastoris.
Team coli: in order to show the efficiency of the second Cerberus head, we needed a Cerberus which has just its CBM3a head and the streptavidin head. We did a directed mutagenesis on the stop codon to create Orthos.

13/08 - 17/08:

Team biotin: we produced biotinylated proteins with E. coli, with and without biotin in the culture medium.

20/08 - 24/08:

Team coli: this week was a particularly busy week. We produced and purified Orthos as well as for Sirius and mRFP1. This allowed us to perform a cellulose pull down assay with Sirius and mRFP1 as a negative control. In addition, we produced Cerberus. To do this, we co-transformed BL21 DE3 cells with pET28 Cerberus and pEVOL AzF. The cell culture medium was complemented with the AzF unnatural amino acid to allow its incorporation. Cerberus was purified by a cellulose pull-down assay.
Team pSB1C3: we created this new team to start the pSB1C3 clonings. PCRs were performed on our gBlocks. Unfortunately, we didn’t manage to amplify all the gBlocks.

27/08 - 31/08:

Team coli: in order to demonstrate the efficiency of the third Cerberus head, we did a click assay with DBCO-fluorescein.

LABBOOK: SEPTEMBER

03/09 - 07/09:

Team coli: in order to demonstrate the efficiency of the AzF head, we tried to click paramagnetic beads on it. The aim was to see the movement of cellulose in a presence of a magnet
Team pSB1C3: this week, we tried the pSB1C3 clonings again. We used another pSB1C3 and tried a classic cloning with restriction enzymes instead of In-fusion. At the end of the week, we sent our pSB1C3 for sequencing.

10/09 - 14/09:

Team biotin: we successfully pulled Orthos down to measure the BFP fluorescence with and without Orthos on cellulose.

17/09 - 21/09:

Team biotin: this was the final assay and we proved the fixation of the biotinylated BFP on Cerberus.

24/09 - 28/09:

Team coli & callulose: for our last lab week, we managed to produce a pink bacterial cellulose by using our purified Sirius protein.

Extra-LabBook

Here, you can find about some of our activities outside of the lab. More details are provided in the HP LogBook of the Integrated Human Practices section.

Extra-LabBOOK: FEBRUARY

February 1st, 2018: Kick-off meeting

First meeting of the team, distribution of the tasks and of course we got to know each other.

The iGEM adventure began!

February 8th-22nd, 2018: Brainstorming

At the beginning, more than 50 ideas were suggested. The most original ideas were selected during our brainstorming sessions.

At the end of the month, 11 subjects still needed more investigations.

February 21st, 2018: Escape game conference

We attended a conference organized by Le Catalyseur on the creation of a teaching escape game. We met two professors in high schools option “Sciences and Technologies of the Laboratory” (STL).

Extra-LabBOOK: MARCH

March 1st-15th, 2018: Brainstorming

Only 5 subjects left!

March 10th, 2018: Grimoire

At this event we introduced our card game, Microbioworld.

March 20th, 2018: CRISPR/CAS meeting

We met a CRISPR/CAS expert in the LMGM lab who taught us a lot about the new possibilities of the system.

Extra-LabBOOK: APRIL

April 5th, 2018: Final choice of our project

After a long period of brainstorming, we decided to work on the binding of molecules on cellulose. Then, we had to think about the name of our project.

April 12th, 2018: Tour des Sciences

We presented the Microbioworld game during the ”Tour des sciences”.

Extra-LabBOOK: MAY

May 10th, 2018:

We worked on the design of the project with the help of our supervisors.

May 31st, 2018:

We met Philippe Serp and his team to talk about experimenting in his lab. We needed them to activate our graphene before using it to functionalise cellulose.

Extra-LabBOOK: JUNE

June 18th, 2018: First day in the lab

We were all very impatient, and finally it has come! It’s the first day of labwork.

June 19th, 2018: Foundation INSA Toulouse meeting

Looking for funds, we presented our project to the INSA Toulouse foundation.

June 23rd-24th, 2018: Collaboration with the Montpellier iGEM team

We started a collaboration with the Montpellier team to help them in some areas like the wiki. To do so, we went to Montpellier to talk with them and share our knowledge of the competition.

June 25th, 2018: TWB meeting

We met Pierre Monsan, one of the main founders of one of our sponsors, Toulouse White Biotechnology (TWB).

June 26th, 2018: NUS meeting

We organized a Skype meeting with the NUS iGEM team to discuss about a possible collaboration.

June 27th, 2018: Meeting the STL teachers

As part of our discussions with the french ministry of education, high school teachers visited the lab where we worked during summer.

June 27th, 2018

For our entrepreneurship approach, we met Guillaume Boissonat who co-funded the startup pili.bio. He shared with us his own experience as a co-funder, and he gave us some advice about the possible business model for a Cerberus startup.

June 29th, 2018: Primary school intervention

We gave a class in a primary school in order to present Microbiolworld, the research profession, and more generally to introduce the world of microbes to children.

Extra-LabBOOK: JULY

July 5th, 2018: CALMIP’s meet and visit

We visited CALMIP, a high-throughput calculations center which allowed us to execute complex algorithms for our modelling.

July 6th, 2018: Official announcement of our project

We officially announced the purpose of our project on social medias!

July 7th, 2018: 4th Annual parisian meet-up

We took part in the annual parisian meet-up organized by the Pasteur iGEM team.

July 7th-12th, 2018: EuroScience Open Forum (ESOF)

We participated in the EuroScience Open Forum in Toulouse to introduce the iGEM competition and synthetic biology to the public.

July 19th, 2018: First publications in french newspapers

Newspapers from Toulouse interviewed us about our Cerberus project, we were very happy and grateful for this recognition!

July 20th-22nd, 2018: European meet-up in Munich

Two members of the team travelled to Munich to represent our team at the European meet-up.

July 30th, 2018: Incubator meeting

We met Yohann Bouvier who is the manager of a startup incubator, named "le starter". He gave us some advice regarding our entrepreneurship approach.

Extra-LabBOOK: AUGUST

August 1st, 2018: Laval skype

We contacted the Laval iGEM team in order to create an innovative human practices collaboration.

August 17th, 2018: Photoshoot for the wiki

We dressed up to take the photos for our wiki.

August 25th-26th, 2018: Collaboration with Bordeaux iGEM team

We went to Bordeaux to bring them our bacterial cellulose, so they could use it as another carbon source for their Far Waste project.

August 29th, 2018: First working group with Le Catalyseur

Le Catalyseur is a business incubator, they helped us to write our business plan. This first session allowed us to structure our company and define our objectives.

August 31st, 2018: Second workshop with Le Catalyseur

During this second meeting, we identified the critical points and risk factors we needed to enhance to conduct Cerberus as a business.

Extra-LabBOOK: SEPTEMBER

September 4th, 2018

Le Catalyseur helped us to create a business model CANVAS.

September 5th, 2018:

Le Catalyseur helped us to create a SWOT matrix to define our strengths and weaknesses as a business.

Extra-LabBOOK: OCTOBER

October 3rd, 2018:

We presented our project in an international high school near Toulouse. This also served as a general repetition for our presentation at the giant Jamboree.

October 5th, 2018:

We discussed industrial property during another meeting with Le Catalyseur.

October 16th, 2018:

We managed to complete all our wiki pages a day earlier, with the precious help of our supervisor Brice. We had to work late into the night, but it was worth it!

No dogs were harmed over the course of this iGEM project.

The whole Toulouse INSA-UPS team wants to thank our sponsors, especially:

And many more. For futher information about our sponsors, please consult our Sponsors page.

The content provided on this website is the fruit of the work of the Toulouse INSA-UPS iGEM Team. As a deliverable for the iGEM Competition, it falls under the Creative Commons Attribution 4.0. Thus, all content on this wiki is available under the Creative Commons Attribution 4.0 license (or any later version). For futher information, please consult the official website of Creative Commons.

This website was designed with Bootstrap (4.1.3). Bootstrap is a front-end library of component for html, css and javascript. It relies on both Popper and jQuery. For further information, please consult the official website of Bootstrap.

@@ Line 3: / Line 3: @@
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/BS-CSS&action=raw&ctype=text/css"/>
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/PERSO-CSS&action=raw&ctype=text/css"/>
+   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Toulouse-INSA-UPS/TL-CSS&action=raw&ctype=text/css"/>
      <!--Banner-->
-    <div class="container-fluid parallax" style="background-image: url('https://static.igem.org/mediawiki/2018/4/40/T--Toulouse-INSA-UPS--Project--Banner.jpg ');" id="BANNER"></div>
+ <div class="container-fluid parallax" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a4/T--Toulouse-INSA-UPS--project--Brice--Banner.jpg'); background-size: cover; background-position-y: center; " id="BANNER"></div>
 </html> {{Template:Toulouse-INSA-UPS/MENU}} <html>
@@ Line 15: / Line 16: @@
 <h1 class="heavy">NOTEBOOK</h1>
 					<hr/>
-					<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque bibendum quam vel fringilla. Vivamus id sem vehicula, bibendum ligula ut, mollis sem. Suspendisse quis sapien a erat lacinia viverra in vel orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed hendrerit venenatis felis eget lobortis. Sed tincidunt nibh aliquam, facilisis lorem sed, sollicitudin purus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis quis fermentum diam. In hac habitasse platea dictumst. Sed blandit porttitor justo, eu consectetur lorem porttitor eget. Integer aliquet sem tellus, et commodo diam dapibus consequat. Etiam efficitur iaculis erat, sed sollicitudin mi facilisis id. Nulla consequat turpis sapien, vitae fermentum dui tristique sed.</p>
+	<p> Here, you will find information about the timeline of our project.</p>
-					<p>Sed bibendum neque erat, sed laoreet nulla eleifend a. Morbi bibendum aliquet massa, non volutpat turpis tempor sit amet. Pellentesque ullamcorper erat non dui iaculis, ut tincidunt ligula egestas. Nulla vulputate risus massa, porta placerat dolor fringilla non. Nunc eleifend lorem in egestas volutpat. Aenean bibendum molestie justo a tempor. Ut malesuada justo ac ultrices interdum. Cras euismod, purus at hendrerit rhoncus, velit sapien pharetra nisi, in lobortis nibh nisl vitae ante. Cras lectus nibh, dignissim non congue in, convallis vitae arcu. Nunc pulvinar mauris sed magna tristique, eget commodo neque tristique. Aliquam id purus turpis. Nunc et fringilla nibh, at congue justo. Nunc massa libero, faucibus sed fringilla in, dignissim vitae nibh. Nunc a egestas nisl. Vivamus interdum vehicula tincidunt.</p>
 					<!--Begin : tabs-->
 					<div id="NOTEBOOK_tab_Group">
@@ Line 25: / Line 24: @@
 						<ul class="nav nav-pills d-flex flex-row flex-wrap flex-lg-nowrap justify-content-around justify-content-lg-start" role="tablist">
 							<li class="nav-item">
-								<a class="nav-link btn btn-secondary rounded-lg-top corner-lg-bottom mr-1 mb-1 mb-lg-0 active" data-toggle="pill" href="#NOTEBOOK_Part1" role="tab">LabBook</a>
+								<a class="nav-link btn btn-secondary rounded-lg-top corner-lg-bottom mr-1 mb-1 mb-lg-0 active" data-toggle="pill" href="#NOTEBOOK_Part1" role="tab" style="color:white !important;" >LabBook</a>
 							</li>
 							<li class="nav-item">
-								<a class="nav-link btn btn-secondary rounded-lg-top corner-lg-bottom mr-1 mb-1 mb-lg-0" data-toggle="pill" href="#NOTEBOOK_Part2" role="tab">OtherBook</a>
+								<a class="nav-link btn btn-secondary rounded-lg-top corner-lg-bottom mr-1 mb-1 mb-lg-0" data-toggle="pill" href="#NOTEBOOK_Part2" role="tab" style="color:white !important;">Extra-LabBook</a>
 							</li>
 						</ul>
@@ Line 34: / Line 33: @@
 						<!--Common HR banner-->
 						<div class="hr_img">
-							<img class="hr_img filter-gray" src="https://static.igem.org/mediawiki/2018/4/40/T--Toulouse-INSA-UPS--Project--Banner.jpg " alt=""/>
+							<img class="hr_img filter-gray" src="https://static.igem.org/mediawiki/2018/1/11/T--Toulouse-INSA-UPS--bannersmall--Brice--Banner.jpg" alt=""/>
 						</div>
@@ Line 46: / Line 45: @@
 									<!--Subtabs menu-->
 									<ul class="nav nav-pills d-flex flex-row-reverse flex-wrap flex-lg-nowrap justify-content-around justify-content-lg-start mb-2" role="tablist">
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part10" role="tab">Oct.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part9" role="tab" style="color:white !important;" >Sep.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part9" role="tab">Sep.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part8" role="tab" style="color:white !important;">Aug.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part8" role="tab">Aug.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part7" role="tab" style="color:white !important;">Jul.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part7" role="tab">Jul.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part6" role="tab" style="color:white !important;">Jun.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part6" role="tab">Jun.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#LabBook_Calendar_Part1" role="tab" style="color:white !important;">LabBook</a>
-										</li>
-										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part5" role="tab">May</a>
-										</li>
-										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part4" role="tab">Apr.</a>
-										</li>
-										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part3" role="tab">Mar.</a>
-										</li>
-										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#LabBook_Calendar_Part2" role="tab">Feb.</a>
-										</li>
-										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#LabBook_Calendar_Part1" role="tab">Home</a>
 										</li>
 									</ul>
 									<!--INFORMATIVE CONTENT-->
-									<div class="tab-content">
+								<div class="tab-content">
 										<div class="tab-pane fade show active" id="LabBook_Calendar_Part1" role="tabpanel">
 											<h2 class="heavy">LABBOOK</h2>
 											<hr/>
-											<p>
+											<p>To achieve our lab work, we split up into different teams, each working on different aspects of the experimental procedure. Three teams were then formed :</p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+											<ul>
+												<li><strong>Team coli</strong>: this team was managed by <strong>Younes</strong> and included <strong>Marion</strong>. Their goal was to achieve the production and characterization of Cerberus and Sirius in <em>Escherichia coli</em></li>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+												<li><strong>Team pastoris</strong>: this team was ruled by <strong>Angeline</strong> and included <strong>Ga&euml;lle</strong>. Their mission was to reproduce the experiments planned on <em>Escherichia coli</em> in <em>Pichia pastoris</em> </li>
-											</p>
+												<li><strong>Team biotin</strong>: this team was ruled by <strong>Amandine</strong> and included <strong>Jean</strong> and <strong>Julien</strong>. Their objective was to construct and to test our <em>in vivo</em> biotinylation system.</li>
+												<li><strong>Team callulose</strong>: this team was managed by <strong>Callum</strong> (and so was dubbed Callulose) and got help from <strong>Younes</strong>. Its mission was to launch and optimize our bacterial cellulose production. </li>
+											</ul>
 										</div>
-										<!--End : Part 1.1-->
-										<!--PART 1.2 -->
-										<div class="tab-pane fade" id="LabBook_Calendar_Part2" role="tabpanel">
-											<h2 class="heavy">LABBOOK : FEBRUARY</h2>
-											<hr/>
-											<p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
-											<ul class="list-unstyled">
-  												<li class="media">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
-										</div>
-										<!--End : PART 1.2-->
-										<!--PART 1.3 -->
-										<div class="tab-pane fade" id="LabBook_Calendar_Part3" role="tabpanel">
-											<h2 class="heavy">LABBOOK : MARCH</h2>
-											<hr/>
-											<p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
-											<ul class="list-unstyled">
-  												<li class="media">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
-										</div>
-										<!--End : PART 1.3-->
-										<!--PART 1.4 -->
-										<div class="tab-pane fade" id="LabBook_Calendar_Part4" role="tabpanel">
-											<h2 class="heavy">LABBOOK : APRIL</h2>
-											<hr/>
-											<p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
-											<ul class="list-unstyled">
-  												<li class="media">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
-										</div>
-										<!--End : PART 1.4-->
-										<!--PART 1.5 -->
-										<div class="tab-pane fade" id="LabBook_Calendar_Part5" role="tabpanel">
-											<h2 class="heavy">LABBOOK : MAY</h2>
-											<hr/>
-											<p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
-											<ul class="list-unstyled">
-  												<li class="media">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
-										</div>
-										<!--End : PART 1.5-->
 										<!--PART 1.6 -->
 										<div class="tab-pane fade" id="LabBook_Calendar_Part6" role="tabpanel">
-											<h2 class="heavy">LABBOOK : JUNE</h2>
+											<h2 class="heavy">LABBOOK: JUNE</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">18/06 - 22/06:</h4>
+												<p>
+													For the first week in the lab, we received and amplified our plasmids (pPICz, pETDuet, pET28, pGAP) but also our bacterial strains <i>E. coli</i> BL21 DE3 and Tuner.
+												</p>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">25/06 - 29/06:</h4>
+            									<ul>
+													<li><strong>Team coli</strong>: we started with a PCR on the the gBlock Cerberus-pastoris. In order to clone this gBlock, we prepared the pGAP plasmid by amplifying it in <i>E. coli</i> Stellar cells before a Midiprep. Another aspect was to check the pREAV which will allow the incorporation of a unnatural amino acid in our Cerberus.</li>
+													<li><strong>Team pastoris</strong>: pPIC, pGAP and pETDuet were good but pPIC did not match our expectations so we had to find another solution.</li>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+<li><strong>Team callulose</strong>: the first productions of cellulose started in culture tubes.</li>
-											</p>
+												</ul>
-											<ul class="list-unstyled">
+         									</div>
-  												<li class="media">
+											<!--End : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+      									</div>
-    												<div class="media-body">
+  									</div>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+								</section>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+								<!--End : VERTICAL TIMELINE-->
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 1.6-->
 										<!--PART 1.7 -->
 										<div class="tab-pane fade" id="LabBook_Calendar_Part7" role="tabpanel">
-											<h2 class="heavy">LABBOOK : JULY</h2>
+											<h2 class="heavy">LABBOOK: JULY</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">02/07 - 06/07:</h4>
+												<ul>
+													<li><strong>Team biotin</strong>: this week, we performed a PCR on BirA and we digested the pPIC after its amplification in <i>E. coli</i> Stellar cells. This allowed us to do our first cloning with BirA in the pETDuet. We checked the clones by digestion and they were OK. It was necessary to sequence these clones before doing the next cloning in  pETDuet. We obtained a different pPIC from a previous year's supplies, and we checked it.
+														</li>
+													<li><strong>Team coli</strong>: this week, it was the first In-fusion cloning with our Cerberus in the pET28. We used two differents construction for Cerberus, one with a monomeric streptavidin and another with a  tetrameric streptavidin. Then, we checked the constructs by digestion before sending them for sequencing. In the same time we checked our plasmid pEVOL-AzF which allows the unnatural amino acid incorporation in <i>E. coli</i>.
+														</li>
+													<li><strong>Team pastoris</strong>: this week, we clone Cerberus-streptavidin though In-fusion  into the pGAP with the material prepared the week before. So we had to check some clones by digestion before sequencing. Fortunately, they were good. It was also this week that we received the <i>Pichia pastoris</i> GS200 strains cell.
+														</li>
+												</ul>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">09/07 - 13/07:</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												<ul>
-    												</div>
+													<li><strong>Team biotin:</strong> on monday we sent our pETDuet BirA clones obtained last week to sequencing and we were happy that our clones were validated. In the same time, we carried on the PCRs with the parts that will be used to functionalize our Cerberus after biotinylation by BirA. </li>
-  												</li>
+													<li><strong>Team coli:</strong> This week, we received the sequencing results for Cerberus and it was again a success for the Toulouse iGEM team. We cloned Sirius (CBM3-RFP) in the pET28 with the In-fusion kit. For this, we performed PCR on the gBlocks then we used the In-fusion kit. After verification, Sirius was OK.
- 												<li class="media mt-2">
+														</li>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+													<li><strong>Team pastoris:</strong> we checked the pREAV and found out the plasmid map didn’t match with our digestion results. We needed to find a different pREAV... </li>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+<li><strong>Team callulose:</strong> we decided to focus the production with <i>G. hansenii</i> because it produces more cellulose than <i>K. rhaeticus</i>. We also started production in 2L Erlenmeyers. </li>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												</ul>
-    												</div>
-  												</li>
+         									</div>
- 												<li class="media mt-2">
+											<!--End : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+      									</div>
-    												<div class="media-body">
+										<!--End : BLOCK-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  								    	<!--Begin : BLOCK-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<div class="cd-timeline__block js-cd-block">
-    												</div>
+											<!--Begin : ICON-->
-  												</li>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
- 												<li class="media mt-2">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+											<!--Begin : BLOCK CONTENT-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+         									<div class="cd-timeline__content js-cd-content">
-    												</div>
+            									<h4 class="heavy">16/07 - 20/07:</h4>
-  												</li>
+            									<ul>
-											</ul>
+													<li><strong>Team biotin:</strong> This week, we focused on the pastoris cloning. We prepared the pGAP vector (amplification, purification and digestion), mRFP1, BFP and scygonadin parts and we cloned all three. We tried to amplify and purify pPIC but unfortunately it was necessary to try again because the Midiprep didn’t succeed.</li>
+													<li><strong>Team coli:</strong> this week, we made or own competent cells using BL21 DE3 and tuner strains</li>
+													<li><strong>Team pastoris:</strong> this week, we did In-fusion cloning in the pGAP but this time with the cerberus mSA2. After transformation, culture and miniprep, we checked clones by digestion. The cloning was a success.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">23/07 - 27/07:</h4>
+            									<ul>
+													<li><strong>Team biotin:</strong> this week, before another midiprep, we checked the pPIC but we still had a mapping problem. After many verifications, it was clearly not correct but we found another source for this plasmid and it seemed OK. We amplified it by midiprep.</li>
+													<li><strong>Team coli:</strong> this week, we did the first production assay for Sirius and we were very happy because we obtained a red culture medium.</li>
+													<li><strong>Team pastoris:</strong> this week, the pichia team helped the other teams because it was ahead of the planning and had to wait for yeast growth.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-white">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">30/07 - 03/08:</h4>
+            									<ul>
+													<li><strong>Team biotin:</strong> this week, we worked on pETDuet-BirA to clone our functionalizing proteins (mRFP1 and BFP). We amplified the pETDuet-BirA and after Midiprep and digestion, we cloned mRFP1 and BFP with the In-fusion kit. After digestion, we sent clones to sequencing and started production assay in <i>E. coli</i> BL21 DE3.</li>
+													<li><strong>Team coli:</strong> we did the first Sirius purification after production in <i>E. coli</i> BL21 DE3. To do this, we used an IMAC column and dialysis. In order to prove the CBM3 fixation to cellulose, we prepared the regenerated amorphous cellulose.</li>
+<li><strong>Team callulose:</strong> We intensified the cellulose production to be able to give 5g of dried cellulose to the Bordeaux iGEM team at the end of the month.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										  </div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 1.7-->
 										<!--PART 1.8 -->
 										<div class="tab-pane fade" id="LabBook_Calendar_Part8" role="tabpanel">
-											<h2 class="heavy">LABBOOK : AUGUST</h2>
+											<h2 class="heavy">LABBOOK: AUGUST</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">06/08 - 10/08:</h4>
+												<ul>
+													<li><strong>Team biotin</strong>: this week, we worked on the production assay for biotinylated proteins in <i>E. coli</i>. Furthermore, we cloned BirA in the pPIC plasmid and we checked it by digestion and sequencing. After that, we cloned RFP, scygonadin and BFP in this plasmid to produce the proteins in <i>Pichia pastoris</i>.
+														</li>
+													<li><strong>Team coli:</strong> in order to show the efficiency of the second Cerberus head, we needed a Cerberus which has just its CBM3a head and the streptavidin head. We did a directed mutagenesis on the stop codon to create Orthos.</li>
+												</ul>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">13/08 - 17/08:</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<ul>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+													<li><strong>Team biotin:</strong> we produced biotinylated proteins with <i>E. coli</i>, with and without biotin in the culture medium.</li>
-    												</div>
-  												</li>
+												</ul>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : BLOCK CONTENT-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<!--End : BLOCK-->
-    												</div>
+  								    	<!--Begin : BLOCK-->
-  												</li>
+										<div class="cd-timeline__block js-cd-block">
- 												<li class="media mt-2">
+											<!--Begin : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
-    												<div class="media-body">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+         									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--End : ICON-->
-    												</div>
+											<!--Begin : BLOCK CONTENT-->
-  												</li>
+         									<div class="cd-timeline__content js-cd-content">
- 												<li class="media mt-2">
+            									<h4 class="heavy">20/08 - 24/08:</h4>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+            									<ul>
-    												<div class="media-body">
+													<li><strong>Team coli:</strong> this week was a particularly busy week. We produced and purified Orthos as well as for Sirius and mRFP1. This allowed us to perform a cellulose pull down assay with Sirius and mRFP1 as a negative control. In addition, we produced Cerberus. To do this, we  co-transformed BL21 DE3 cells with pET28 Cerberus and pEVOL AzF. The cell culture medium was complemented with the AzF unnatural amino acid to allow its incorporation. Cerberus was purified by a cellulose pull-down assay.</li>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+													<li><strong>Team pSB1C3:</strong> we created this new team to start the pSB1C3 clonings. PCRs were performed on our gBlocks. Unfortunately, we didn’t manage to amplify all the gBlocks.</li>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												</ul>
-    												</div>
+         									</div>
-  												</li>
+											<!--End : BLOCK CONTENT-->
-											</ul>
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">27/08 - 31/08:</h4>
+            									<ul>
+													<li><strong>Team coli:</strong> in order to demonstrate the efficiency of the third Cerberus head, we did a click assay with DBCO-fluorescein.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+    									<div class="cd-timeline__block js-cd-block">
+         									<!--On template, I don't know what it does-->
+      									</div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 1.8-->
 										<!--PART 1.9 -->
 										<div class="tab-pane fade" id="LabBook_Calendar_Part9" role="tabpanel">
-											<h2 class="heavy">LABBOOK : SEPTEMBER</h2>
+											<h2 class="heavy">LABBOOK: SEPTEMBER</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">03/09 - 07/09:</h4>
+												<ul>
+													<li><strong>Team coli:</strong> in order to demonstrate the efficiency of the AzF head, we tried to click paramagnetic beads on it. The aim was to see the movement of cellulose in a presence of a magnet</li>
+													<li><strong>Team pSB1C3:</strong> this week, we tried the pSB1C3 clonings again. We used another pSB1C3 and tried a classic cloning with restriction enzymes instead of In-fusion. At the end of the week, we sent our pSB1C3 for sequencing. </li>
+												</ul>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">10/09 - 14/09: </h4>
+            									<ul>
+													<li><strong>Team biotin:</strong> we successfully pulled Orthos down to measure the BFP fluorescence with and without Orthos on cellulose.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">17/09 - 21/09:</h4>
+            									<ul>
+													<li><strong>Team biotin:</strong> this was the final assay and we proved the fixation of the biotinylated BFP on Cerberus.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">24/09 - 28/09:</h4>
+            									<ul>
+													<li><strong>Team coli & callulose</strong>: for our last lab week, we managed to produce a pink bacterial cellulose by using our purified Sirius protein.</li>
+												</ul>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+    									<div class="cd-timeline__block js-cd-block">
-											</p>
+         									<!--On template, I don't know what it does-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+  									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+								</section>
-    												<div class="media-body">
+								<!--End : VERTICAL TIMELINE-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 1.9-->
 										<!--PART 1.10 -->
-										<div class="tab-pane fade" id="LabBook_Calendar_Part10" role="tabpanel">
-											<h2 class="heavy">LABBOOK : OCTOBER</h2>
-											<hr/>
-											<p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
-											<ul class="list-unstyled">
-  												<li class="media">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
-										</div>
 										<!--End : PART 1.10-->
 									</div>
@@ Line 536: / Line 446: @@
 									<ul class="nav nav-pills d-flex flex-row-reverse flex-wrap flex-lg-nowrap justify-content-around justify-content-lg-start mb-2" role="tablist">
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part10" role="tab">Oct.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part10" role="tab" style="color:white !important;">Oct.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part9" role="tab">Sep.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part9" role="tab" style="color:white !important;">Sep.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part8" role="tab">Aug.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part8" role="tab" style="color:white !important;">Aug.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part7" role="tab">Jul.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part7" role="tab" style="color:white !important;">Jul.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part6" role="tab">Jun.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part6" role="tab" style="color:white !important;">Jun.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part5" role="tab">May</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part5" role="tab" style="color:white !important;">May</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part4" role="tab">Apr.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part4" role="tab" style="color:white !important;">Apr.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part3" role="tab">Mar.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part3" role="tab" style="color:white !important;">Mar.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part2" role="tab">Feb.</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0" data-toggle="pill" href="#OtherBook_Calendar_Part2" role="tab" style="color:white !important;">Feb.</a>
 										</li>
 										<li class="nav-item">
-											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#OtherBook_Calendar_Part1" role="tab">Home</a>
+											<a class="nav-link btn btn-secondary rounded-lg-bottom corner-lg-top ml-1 mt-1 mt-lg-0 active" data-toggle="pill" href="#OtherBook_Calendar_Part1" role="tab" style="color:white !important;">Extra-LabBook</a>
 										</li>
 									</ul>
@@ Line 570: / Line 480: @@
 									<div class="tab-content">
 										<div class="tab-pane fade show active" id="OtherBook_Calendar_Part1" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK</h2>
+											<h2 class="heavy">Extra-LabBook</h2>
 											<hr/>
-											<p>
+											<p>Here, you can find about some of our activities outside of the lab. More details are provided in the <a href="https://2018.igem.org/Team:Toulouse-INSA-UPS/Human_Practices">HP LogBook</a> of the Integrated Human Practices section.</p>
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
-											</p>
 										</div>
 										<!--End : PART 2.1-->
@@ Line 582: / Line 488: @@
 										<!--PART 2.2 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part2" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : FEBRUARY</h2>
+											<h2 class="heavy">Extra-LabBOOK: FEBRUARY</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">February 1st, 2018: Kick-off meeting </h4>
+												<p>
+												First meeting of the team, distribution of the tasks and of course we got to know each other.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/5/54/T--Toulouse-INSA-UPS--NB--Youn--Team.jpg" style="width:60%" alt=""/>
+												<p>
+												The iGEM adventure began!
+												</p>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">February 8th-22nd, 2018: Brainstorming </h4>
+            									<p>
+												At the beginning, more than 50 ideas were suggested. The most original ideas were selected during our brainstorming sessions.
+												</p>
+												<p>
+												At the end of the month, 11 subjects still needed more investigations.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">February 21st, 2018: Escape game conference</h4>
+            									<p>
+												We attended a conference organized by Le Catalyseur on the creation of a teaching escape game. We met two professors in high schools option “Sciences and Technologies of the Laboratory” (STL).
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+    									<div class="cd-timeline__block js-cd-block">
-											</p>
+         									<!--On template, I don't know what it does-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+  									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+								</section>
-    												<div class="media-body">
+								<!--End : VERTICAL TIMELINE-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 2.2-->
@@ Line 631: / Line 565: @@
 										<!--PART 2.3 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part3" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : MARCH</h2>
+											<h2 class="heavy">Extra-LabBOOK: MARCH</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">March 1st-15th, 2018: Brainstorming</h4>
+												<p>
+												Only 5 subjects left!
+												</p>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">March 10th, 2018: Grimoire</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												At this event we introduced our card game, Microbioworld.
-    												</div>
+												</p>
-  												</li>
+												<img src="https://static.igem.org/mediawiki/2018/a/aa/T--Toulouse-INSA-UPS--NB--Youn--grim.jpg" style="width:60%" alt=""/>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : BLOCK CONTENT-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<!--End : BLOCK-->
-    												</div>
+  								    	<!--Begin : BLOCK-->
-  												</li>
+										<div class="cd-timeline__block js-cd-block">
- 												<li class="media mt-2">
+											<!--Begin : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
-    												<div class="media-body">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+         									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--End : ICON-->
-    												</div>
+											<!--Begin : BLOCK CONTENT-->
-  												</li>
+         									<div class="cd-timeline__content js-cd-content">
- 												<li class="media mt-2">
+            									<h4 class="heavy">March 20th, 2018: CRISPR/CAS meeting</h4>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+            									<p>
-    												<div class="media-body">
+												We met a CRISPR/CAS expert in the LMGM lab who taught us a lot about the new possibilities of the system.
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+												</p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												<img src="https://static.igem.org/mediawiki/2018/2/2b/T--Toulouse-INSA-UPS--NB--Youn--crispr.jpg" style="width:60%" alt=""/>
-    												</div>
+         									</div>
-  												</li>
+											<!--End : BLOCK CONTENT-->
-											</ul>
+      									</div>
+										<!--End : BLOCK-->
+    									<div class="cd-timeline__block js-cd-block">
+         									<!--On template, I don't know what it does-->
+      									</div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 2.3-->
 										<!--PART 2.4 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part4" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : APRIL</h2>
+											<h2 class="heavy">Extra-LabBOOK: APRIL</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">April 5th, 2018: Final choice of our project </h4>
+												<p>
+												After a long period of brainstorming, we decided to work on the binding of molecules on cellulose. Then, we had to think about the name of our project.
+												</p>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">April 12th, 2018: Tour des Sciences</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												We presented the Microbioworld game during the ”Tour des sciences”.
-    												</div>
+												</p>
-  												</li>
+												<img src="https://static.igem.org/mediawiki/2018/7/78/T--Toulouse-INSA-UPS--NB--Youn--tds.jpg" alt="" style="width:60%"/>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : BLOCK CONTENT-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<!--End : BLOCK-->
-    												</div>
-  												</li>
- 												<li class="media mt-2">
+    									<div class="cd-timeline__block js-cd-block">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<!--On template, I don't know what it does-->
-    												<div class="media-body">
+      									</div>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+								</section>
-    												</div>
+								<!--End : VERTICAL TIMELINE-->
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 2.4-->
 										<!--PART 2.5 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part5" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : MAY</h2>
+											<h2 class="heavy">Extra-LabBOOK: MAY</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">May 10th, 2018: </h4>
+												<p>
+												We worked on the design of the project with the help of our supervisors.
+												</p>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">May 31st, 2018: </h4>
+            									<p>
+												We met Philippe Serp and his team to talk about experimenting in his lab. We needed them to activate our graphene before using it to functionalise cellulose.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+    									<div class="cd-timeline__block js-cd-block">
-											</p>
+         									<!--On template, I don't know what it does-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+  									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+								</section>
-    												<div class="media-body">
+								<!--End : VERTICAL TIMELINE-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 2.5-->
@@ Line 776: / Line 744: @@
 										<!--PART 2.6 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part6" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : JUNE</h2>
+											<h2 class="heavy">Extra-LabBOOK: JUNE</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 18th, 2018: First day in the lab</h4>
+												<p>
+												 We were all very impatient, and finally it has come! It’s the first day of labwork.
+												</p>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">June 19th, 2018: Foundation INSA Toulouse meeting</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												Looking for funds, we presented our project to the INSA Toulouse foundation.
-    												</div>
+												</p>
-  												</li>
- 												<li class="media mt-2">
+         									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+											<!--End : BLOCK CONTENT-->
-    												<div class="media-body">
+      									</div>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+										<!--End : BLOCK-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+  								    	<!--Begin : BLOCK-->
-    												</div>
+										<div class="cd-timeline__block js-cd-block">
-  												</li>
+											<!--Begin : ICON-->
- 												<li class="media mt-2">
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												<div class="media-body">
+         									</div>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+											<!--End : ICON-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--Begin : BLOCK CONTENT-->
-    												</div>
+         									<div class="cd-timeline__content js-cd-content">
-  												</li>
+            									<h4 class="heavy">June 23rd-24th, 2018: Collaboration with the Montpellier iGEM team</h4>
- 												<li class="media mt-2">
+            									<p>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+												We started a collaboration with the Montpellier team to help them in some areas like the wiki. To do so, we went to Montpellier to talk with them and share our knowledge of the competition.
-    												<div class="media-body">
+												</p>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+												<img src="https://static.igem.org/mediawiki/2018/6/60/T--Toulouse-INSA-UPS--NB--Youn--mtp.jpg" style="width:60%" alt=""/>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+         									</div>
-    												</div>
+											<!--End : BLOCK CONTENT-->
-  												</li>
+      									</div>
-											</ul>
+										<!--End : BLOCK-->
+                                        <!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 25th, 2018: TWB meeting</h4>
+            									<p>
+												We met Pierre Monsan, one of the main founders of one of our sponsors, Toulouse White Biotechnology (TWB).
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/a/a6/T--Toulouse-INSA-UPS--NB--Youn--twb.jpg" style="width:60%" alt=""/>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 26th, 2018: NUS meeting</h4>
+            									<p>
+												We organized a Skype meeting with the NUS iGEM team to discuss about a possible collaboration.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/9/95/T--Toulouse-INSA-UPS--NB--Youn--nusskype.jpg" alt="" style="width:60%"/>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 27th, 2018: Meeting the STL teachers</h4>
+            									<p>
+												As part of our discussions with the french ministry of education, high school teachers visited the lab where we worked during summer.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/1/1f/T--Toulouse-INSA-UPS--NB--Youn--stlvisit.jpg" alt="" style="width:60%"/>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 27th, 2018</h4>
+            									<p>
+												For our entrepreneurship approach, we met Guillaume Boissonat who co-funded the startup pili.bio. He shared with us his own experience as a co-funder, and he gave us some advice about the possible business model for a Cerberus startup.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">June 29th, 2018: Primary school intervention</h4>
+            									<p>
+												We gave a class in a primary school in order to present Microbiolworld, the research profession, and more generally to introduce the world of microbes to children.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/1/19/T--Toulouse-INSA-UPS--NB--Youn--school.jpg" alt="" style="width:60%"/>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+    									<div class="cd-timeline__block js-cd-block">
+         									<!--On template, I don't know what it does-->
+      									</div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 2.6-->
 										<!--PART 2.7 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part7" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : JULY</h2>
+											<h2 class="heavy">Extra-LabBOOK: JULY</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">July 5th, 2018: CALMIP’s meet and visit</h4>
+												<p>
+												We visited CALMIP, a high-throughput calculations center which allowed us to execute complex algorithms for our modelling.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/3/3a/T--Toulouse-INSA-UPS--NB--Youn--calmip.jpg" alt="" style="width:50%"/>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">July 6th, 2018: Official announcement of our project</h4>
+            									<p>
+												We officially announced the purpose of our project on social medias!
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">July 7th, 2018: 4th Annual parisian meet-up</h4>
+            									<p>
+												We took part in the annual parisian meet-up organized by the Pasteur iGEM team.
+												</p>
+<img style="margin-right:25px; margin-bottom:2px;" src="https://static.igem.org/mediawiki/2018/4/4a/T--Toulouse-INSA-UPS--Collaborations--GB--MeetupParis.jpg" alt="Meet up Paris" width="52%" height="90%">
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+         									</div>
-											</p>
+											<!--End : BLOCK CONTENT-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+										<!--End : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+                                        <!--Begin : BLOCK-->
-    												<div class="media-body">
+										<div class="cd-timeline__block js-cd-block">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+											<!--Begin : ICON-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
-    												</div>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-  												</li>
+         									</div>
- 												<li class="media mt-2">
+											<!--End : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+											<!--Begin : BLOCK CONTENT-->
-    												<div class="media-body">
+         									<div class="cd-timeline__content js-cd-content">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<h4 class="heavy">July 7th-12th, 2018: EuroScience Open Forum (ESOF)</h4>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+            									<p>
-    												</div>
+												We participated in the EuroScience Open Forum in Toulouse to introduce the iGEM competition and synthetic biology to the public.
-  												</li>
+												</p>
- 												<li class="media mt-2">
+												<img src="https://static.igem.org/mediawiki/2018/5/52/T--Toulouse-INSA-UPS--NB--Youn--esof.jpg" style="width:60%" alt=""/>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : BLOCK CONTENT-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<!--End : BLOCK-->
-    												</div>
+										<!--Begin : BLOCK-->
-  												</li>
+										<div class="cd-timeline__block js-cd-block">
- 												<li class="media mt-2">
+											<!--Begin : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
-    												<div class="media-body">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+         									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--End : ICON-->
-    												</div>
+											<!--Begin : BLOCK CONTENT-->
-  												</li>
+         									<div class="cd-timeline__content js-cd-content">
- 												<li class="media mt-2">
+            									<h4 class="heavy">July 19th, 2018: First publications in french newspapers</h4>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+            									<p>
-    												<div class="media-body">
+												Newspapers from Toulouse interviewed us about our Cerberus project, we were very happy and grateful for this recognition!
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+												</p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												<img src="https://static.igem.org/mediawiki/2018/c/c7/T--Toulouse-INSA-UPS--NB--Youn--journals.jpg" alt="" style="width:60%"/>
-    												</div>
+         									</div>
-  												</li>
+											<!--End : BLOCK CONTENT-->
-											</ul>
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">July 20th-22nd, 2018: European meet-up in Munich</h4>
+            									<p>
+												Two members of the team travelled to Munich to represent our team at the European meet-up.
+												</p>
+<img class="rotate" width="35%" style="margin-left:5px; margin-bottom:2px;" src="https://static.igem.org/mediawiki/2018/d/d4/T--Toulouse-INSA-UPS--Collaborations--GB--MeetupMunich.JPG" alt="Meet up Munich">
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">July 30th, 2018: Incubator meeting</h4>
+            									<p>
+												We met Yohann Bouvier who is the manager of a startup incubator, named "le starter". He gave us some advice regarding our entrepreneurship approach.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+    									<div class="cd-timeline__block js-cd-block">
+         									<!--On template, I don't know what it does-->
+      									</div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 2.7-->
 										<!--PART 2.8 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part8" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : AUGUST</h2>
+											<h2 class="heavy">Extra-LabBOOK: AUGUST</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">August 1st, 2018: Laval skype</h4>
+												<p>
+												We contacted the Laval iGEM team in order to create an innovative human practices collaboration.
+												</p>
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+											<!--End : BLOCK CONTENT-->
-											</p>
+      									</div>
-											<ul class="list-unstyled">
+										<!--End : BLOCK-->
-  												<li class="media">
+  								    	<!--Begin : BLOCK-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+										<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+											<!--Begin : ICON-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-    												</div>
+         									</div>
-  												</li>
+											<!--End : ICON-->
- 												<li class="media mt-2">
+											<!--Begin : BLOCK CONTENT-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									<div class="cd-timeline__content js-cd-content">
-    												<div class="media-body">
+            									<h4 class="heavy">August 17th, 2018: Photoshoot for the wiki</h4>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+												We dressed up to take the photos for our wiki.
-    												</div>
+												</p>
-  												</li>
+												<img src="https://static.igem.org/mediawiki/2018/1/1c/T--Toulouse-INSA-UPS--NB--Youn--team.jpg" style="width:60%" alt="">
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+         									</div>
-    												<div class="media-body">
+											<!--End : BLOCK CONTENT-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+										<!--End : BLOCK-->
-    												</div>
+  								    	<!--Begin : BLOCK-->
-  												</li>
+										<div class="cd-timeline__block js-cd-block">
- 												<li class="media mt-2">
+											<!--Begin : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-orange">
-    												<div class="media-body">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+         									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--End : ICON-->
-    												</div>
+											<!--Begin : BLOCK CONTENT-->
-  												</li>
+         									<div class="cd-timeline__content js-cd-content">
- 												<li class="media mt-2">
+            									<h4 class="heavy">August 25th-26th, 2018: Collaboration with Bordeaux iGEM team</h4>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+            									<p>
-    												<div class="media-body">
+												We went to Bordeaux to bring them our bacterial cellulose, so they could use it as another carbon source for their Far Waste project.
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+												</p>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+         									</div>
-    												</div>
+											<!--End : BLOCK CONTENT-->
-  												</li>
+      									</div>
-											</ul>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-neon-pink">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">August 29th, 2018: First working group with Le Catalyseur</h4>
+            									<p>
+												<i>Le Catalyseur</i> is a business incubator, they helped us to write our business plan. This first session allowed us to structure our company and define our objectives.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/5/59/T--Toulouse-INSA-UPS--NB--Youn--cat.jpg" alt="" style="width:60%"/>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+										<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">August 31st, 2018: Second workshop with <i>Le Catalyseur</i></h4>
+            									<p>
+												During this second meeting, we identified the critical points and risk factors we needed to enhance to conduct Cerberus as a business.
+												</p>
+												</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+    									<div class="cd-timeline__block js-cd-block">
+         									<!--On template, I don't know what it does-->
+      									</div>
+  									</div>
+								</section>
+								<!--End : VERTICAL TIMELINE-->
 										</div>
 										<!--End : PART 2.8-->
 										<!--PART 2.9 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part9" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : SEPTEMBER</h2>
+											<h2 class="heavy">Extra-LabBOOK: SEPTEMBER</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">September 4th, 2018</h4>
+												<p>
+												<i>Le Catalyseur</i> helped us to create a business model CANVAS.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/0/00/T--Toulouse-INSA-UPS--NB--Youn--cat2.jpg" style="width:60%" alt=""/>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">September 5th, 2018: </h4>
+            									<p>
+												<i>Le Catalyseur</i> helped us to create a SWOT matrix to define our strengths and weaknesses as a business.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+    									<div class="cd-timeline__block js-cd-block">
-											</p>
+         									<!--On template, I don't know what it does-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+  									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+								</section>
-    												<div class="media-body">
+								<!--End : VERTICAL TIMELINE-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 2.9-->
 										<!--PART 2.10 -->
 										<div class="tab-pane fade" id="OtherBook_Calendar_Part10" role="tabpanel">
-											<h2 class="heavy">OTHERBOOK : OCTOBER</h2>
+											<h2 class="heavy">Extra-LabBOOK: OCTOBER</h2>
 											<hr/>
-											<p>
+											<!--Begin : VERTICAL TIMELINE-->
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
+								<section class="cd-timeline js-cd-timeline">
+ 									<div class="cd-timeline__container">
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-aqua">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">October 3rd, 2018: </h4>
+												<p>
+												We presented our project in an international high school near Toulouse. This also served as a general repetition for our presentation at the giant Jamboree.
+												</p>
+												<img src="https://static.igem.org/mediawiki/2018/3/30/T--Toulouse-INSA-UPS--NB--Youn--ihs.jpg" alt="" style="width:60%"/>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
+  								    	<!--Begin : BLOCK-->
+										<div class="cd-timeline__block js-cd-block">
+											<!--Begin : ICON-->
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-lime">
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
+         									</div>
+											<!--End : ICON-->
+											<!--Begin : BLOCK CONTENT-->
+         									<div class="cd-timeline__content js-cd-content">
+            									<h4 class="heavy">October 5th, 2018: </h4>
+            									<p>
+												We discussed industrial property during another meeting with <i>Le Catalyseur</i>.
+												</p>
+         									</div>
+											<!--End : BLOCK CONTENT-->
+      									</div>
+										<!--End : BLOCK-->
-Look, just because I don't be givin' no man a foot massage don't make it right for Marsellus to throw Antwone into a glass motherfuckin' house, fuckin' up the way the nigger talks. Motherfucker do that shit to me, he better paralyze my ass, 'cause I'll kill the motherfucker, know what I'm sayin'?
+    									<div class="cd-timeline__block js-cd-block">
-											</p>
+         									<!--On template, I don't know what it does-->
-											<ul class="list-unstyled">
+      									</div>
-  												<li class="media">
+  									</div>
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+                                                                                <!--Begin : BLOCK-->
-    												<div class="media-body">
+										<div class="cd-timeline__block js-cd-block">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+											<!--Begin : ICON-->
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+  									   		<div class="cd-timeline__img cd-timeline__img--picture js-cd-img bg-orange">
-    												</div>
+     								    		<img src="https://static.igem.org/mediawiki/2018/8/85/T--Toulouse-INSA-UPS--All--Yohann--StarIcon.png" class="filter-reverse" alt="icon"/> <!--icon link in src-->
-  												</li>
+         									</div>
- 												<li class="media mt-2">
+											<!--End : ICON-->
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+											<!--Begin : BLOCK CONTENT-->
-    												<div class="media-body">
+         									<div class="cd-timeline__content js-cd-content">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+            									<h4 class="heavy">October 16th, 2018: </h4>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+            									<p>
-    												</div>
+												We managed to complete all our wiki pages a day earlier, with the precious help of our supervisor Brice. We had to work late into the night, but it was worth it!
-  												</li>
+												</p>
- 												<li class="media mt-2">
+												<div class="center">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+                                                                                                  <img src="https://static.igem.org/mediawiki/2018/7/73/T--Toulouse-INSA-UPS--HP--Brice--LogBooklast.png" style="width:70%" alt="wiki pre-freeze picture">
-    												<div class="media-body">
+                                                                                                </div>
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+         									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+											<!--End : BLOCK CONTENT-->
-    												</div>
+      									</div>
-  												</li>
+										<!--End : BLOCK-->
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
+    									<div class="cd-timeline__block js-cd-block">
-    												<div class="media-body">
+         									<!--On template, I don't know what it does-->
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
+      									</div>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
+  									</div>
-    												</div>
+								</section>
-  												</li>
+								<!--End : VERTICAL TIMELINE-->
- 												<li class="media mt-2">
-    												<img class="mr-3" src="https://static.igem.org/mediawiki/2018/thumb/d/db/T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg/64px-T--Toulouse-INSA-UPS--All--Yohann--64Placeholder.svg.png" alt=""/>
-    												<div class="media-body">
-      													<h5 class="mt-0 mb-1">List-based media object</h5>
-      													<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
-    												</div>
-  												</li>
-											</ul>
 										</div>
 										<!--End : PART 2.10-->
@@ Line 1,027: / Line 1,293: @@
 	<div id="NAV_ICON_BAR" class="nav-left-col sticky-bottom d-none d-xl-block">
 		<ul class="nav justify-content-center">
-  			<li class="nav-item">
-				<!--To previous page-->
+			<li class="nav-item">
-   				<a class="nav-link ico" href="https://2018.igem.org/Team:Toulouse-INSA-UPS/Experiments">
-					<img class="ico" src="https://static.igem.org/mediawiki/2018/d/db/T--Toulouse-INSA-UPS--All--Yohann--Left_Arrow.png" alt="Left Arrow"/>
-				</a>
-  			</li>
-  			<li class="nav-item">
 				<!--Anchor to TOP-->
    				<a class="nav-link ico" href="#TOP">
@@ Line 1,039: / Line 1,300: @@
 				</a>
    			</li>
-  			<li class="nav-item">
-				<!--to next page-->
-  				<a class="nav-link ico" href="https://2018.igem.org/Team:Toulouse-INSA-UPS/InterLab">
-					<img class="ico" src="https://static.igem.org/mediawiki/2018/3/36/T--Toulouse-INSA-UPS--All--Yohann--Right_Arrow.png" alt="Right Arrow"/>
-				</a>
-  			</li>
 		</ul>
 	</div>

Difference between revisions of "Team:Toulouse-INSA-UPS/Notebook"