|
|
| (71 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Pasteur_Paris}} | + | {{Pasteur_Paris_Achievements}} |
| | + | |
| | <html> | | <html> |
| | | | |
| | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> | | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> |
| | <style type="text/css"> | | <style type="text/css"> |
| | + | |
| | | | |
| | body{ | | body{ |
| Line 9: |
Line 11: |
| | | | |
| | } | | } |
| − | html, body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | font-family: sans-serif;
| |
| − | }
| |
| − |
| |
| − | section#timeline {
| |
| − | width: 70%;
| |
| − | margin: 20px auto;
| |
| − | position: relative;
| |
| − |
| |
| − | }
| |
| − | section#timeline:before {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | top: 0;
| |
| − | margin: 0 0 0 -1px;
| |
| − | width: 2px;
| |
| − | height: 100%;
| |
| − | background: #F0D423 ;
| |
| − | }
| |
| − | section#timeline article {
| |
| − | width: 100%;
| |
| − | margin: 0 0 20px 0;
| |
| − | position: relative;
| |
| − | }
| |
| − | section#timeline article:after {
| |
| − | content: '';
| |
| − | display: block;
| |
| − | clear: both;
| |
| − | }
| |
| − | section#timeline article div.inner {
| |
| − | width: 40%;
| |
| − | float: left;
| |
| − | margin: 5px 0 0 0;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − | section#timeline article div.inner span.date {
| |
| − | display: block;
| |
| − | width: 70px;
| |
| − | height: 60px;
| |
| − | padding: 5px 0;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 50%;
| |
| − | margin: 0 0 0 -32px;
| |
| − | border-radius: 100%;
| |
| − | font-size: 10px;
| |
| − | font-weight: 900;
| |
| − | text-transform: uppercase;
| |
| − | background: #25303B;
| |
| − | color: rgba(255,255,255,0.5);
| |
| − | border: 2px solid rgba(255,255,255,0.2);
| |
| − | box-shadow: 0 0 0 7px #25303B;
| |
| − | }
| |
| − | section#timeline article div.inner span.date span {
| |
| − | display: block;
| |
| − | text-align: center;
| |
| − | }
| |
| − | section#timeline article div.inner span.date span.day {
| |
| − | font-size: 10px;
| |
| − | }
| |
| − | section#timeline article div.inner span.date span.month {
| |
| − | font-size: 18px;
| |
| − | }
| |
| − | section#timeline article div.inner span.date span.year {
| |
| − | font-size: 10px;
| |
| − | }
| |
| − | section#timeline article div.inner h2 {
| |
| − | padding: 15px;
| |
| − | margin: 0;
| |
| − | color: #fff;
| |
| − | font-size: 20px;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: -1px;
| |
| − | font-family: 'Oswald', Arial, sans-serif
| |
| − | border-radius: 6px 6px 0 0;
| |
| − | position: relative;
| |
| − | }
| |
| − | section#timeline article div.inner h2:after {
| |
| − | content: '';
| |
| − | position: absolute;
| |
| − | top: 20px;
| |
| − | right: -5px;
| |
| − | width: 10px;
| |
| − | height: 10px;
| |
| − | -webkit-transform: rotate(-45deg);
| |
| − | }
| |
| − | section#timeline article div.inner p {
| |
| − | padding: 15px;
| |
| − | margin: 0;
| |
| − | font-size: 14px;
| |
| − | background: #dededef;
| |
| − | color:#4c4c4c;
| |
| − | border-radius: 0 0 6px 6px;
| |
| − | }
| |
| − | section#timeline article:nth-child(2n+2) div.inner {
| |
| − | float: right;
| |
| − | }
| |
| − | section#timeline article:nth-child(2n+2) div.inner h2:after {
| |
| − | left: -5px;
| |
| − | }
| |
| − | section#timeline article:nth-child(1) div.inner h2 {
| |
| − | background: #17A3B5;
| |
| − | }
| |
| − | section#timeline article:nth-child(1) div.inner h2:after {
| |
| − | background: #17A3B5 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(2) div.inner h2 {
| |
| − | background: #EDA194 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(2) div.inner h2:after {
| |
| − | background: #EDA194 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(3) div.inner h2 {
| |
| − | background: #DF5939 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(3) div.inner h2:after {
| |
| − | background: #DF5939 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(4) div.inner h2 {
| |
| − | background: #A8D5D8 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(4) div.inner h2:after {
| |
| − | background: #A8D5D8 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(5) div.inner h2 {
| |
| − | background: #efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(5) div.inner h2:after {
| |
| − | background:#efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(6) div.inner h2 {
| |
| − | background: #17A3B5;
| |
| − | }
| |
| − | section#timeline article:nth-child(6) div.inner h2:after {
| |
| − | background: #17A3B5 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(7) div.inner h2 {
| |
| − | background: #EDA194 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(7) div.inner h2:after {
| |
| − | background: #EDA194 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(8) div.inner h2 {
| |
| − | background: #DF5939 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(8) div.inner h2:after {
| |
| − | background: #DF5939 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(9) div.inner h2 {
| |
| − | background: #A8D5D8 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(9) div.inner h2:after {
| |
| − | background: #A8D5D8 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(10) div.inner h2 {
| |
| − | background: #efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(10) div.inner h2:after {
| |
| − | background:#efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(11) div.inner h2 {
| |
| − | background: #efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(11) div.inner h2:after {
| |
| − | background:#efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(12) div.inner h2 {
| |
| − | background: #efb521 ;
| |
| − | }
| |
| − | section#timeline article:nth-child(12) div.inner h2:after {
| |
| − | background:#efb521 ;
| |
| − | }
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| − |
| |
| | <body> | | <body> |
| − |
| |
| − |
| |
| − | <section id="timeline">
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">25-26<sup>th</sup></span>
| |
| − | <span class="month">April</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Zika Summit 2016</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">15<sup>th</sup></span>
| |
| − | <span class="month">May</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>CiBU lab meeting</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">19<sup>th</sup></span>
| |
| − | <span class="month">May</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Young Researchers in Life Sciences</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">14<sup>th</sup></span>
| |
| − | <span class="month">June</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>The game at the Germaine de Staël school</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">16<sup>th</sup></span>
| |
| − | <span class="month">June</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>"jeu à débattre" with the association "arbre des connaissances"</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">28<sup>th</sup></span>
| |
| − | <span class="month">June</span>
| |
| − | <span class="year">201§</span>
| |
| − | </span>
| |
| − | <h2>Meeting with Anna-Bella Falloux</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">2-3<sup>th</sup></span>
| |
| − | <span class="month">July</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>The European experience</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">6<sup>th</sup></span>
| |
| − | <span class="month">July</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Presentation at the ENSCI</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">19<sup>th</sup></span>
| |
| − | <span class="month">July</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Meeting with Civic drone</h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">22<sup>th</sup></span>
| |
| − | <span class="month">July</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Presentation about Intellectual property law </h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">6<sup>th</sup></span>
| |
| − | <span class="month">August</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Meet-up Ile-de-France </h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">26<sup>th</sup></span>
| |
| − | <span class="month">Aug</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Meeting with EID </h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − | <article>
| |
| − | <div class="inner">
| |
| − | <span class="date">
| |
| − | <span class="day">15/16/17<sup>th</sup></span>
| |
| − | <span class="month">Sept</span>
| |
| − | <span class="year">2016</span>
| |
| − | </span>
| |
| − | <h2>Festival du vivant </h2>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis rutrum nunc, eget dictum massa. Nam faucibus felis nec augue adipiscing, eget commodo libero mattis.</p>
| |
| − | </div>
| |
| − | </article>
| |
| − |
| |
| − | </section>
| |
| | | | |
| | </body> | | </body> |
| − | <html> | + | </html> |
