Leagrssmff (Talk | contribs) |
|||
Line 12: | Line 12: | ||
</center></p> | </center></p> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 41: | Line 33: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <h15>SUPERVISORS</h15></div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h3>Etienne Axelos</h3> | ||
+ | <strong>Designer</strong> | ||
+ | <div> | ||
+ | Sam has over five years’ experience providing strategic direction on marketing and communications projects, and is responsible for ensuring clients' projects are delivered on time and within budget. Sam has an MBA from McBro University. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h4>Hermine Bildstein</h4> | ||
+ | <strong>Law student at Faculte Jean Monnet</strong> | ||
+ | <div> | ||
+ | By combining experience in strategy and multi-media management | ||
+ | with a solid technical background, Joy provides campaign and | ||
+ | creative direction to a diverse array of projects. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h5>Alice Dejoux</h5> | ||
+ | <strong>Student at Chimie ParisTech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h3>Claire Dumont</h3> | ||
+ | <strong>Designer at ENSCI Les Ateliers</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h6>Antoine Ehret</h6> | ||
+ | <strong>Student at ESPCI Paris</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h6>Andreas Fyrillas</h6> | ||
+ | <strong>Student at ESPCI Paris</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h3>Aymen Ghaneme</h3> | ||
+ | <strong>Student at Centrale Supelec</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h5>Lea Guerassimoff</h5> | ||
+ | <strong>Student at Chimie ParisTech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src=""> | ||
+ | <img class="peculiar" src=""> | ||
+ | </div> | ||
+ | <h5>Samuel Jaoui</h5> | ||
+ | <strong>Student at Chimie ParisTech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h8>Manon Madelenat</h8> | ||
+ | <strong>Student at Sup Bio'Tech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h8>Jonathan Naccache</h8> | ||
+ | <strong>Student at Sup Bio'Tech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h8>Elea Paillares</h8> | ||
+ | <strong>Student at Sup Bio'Tech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h4>Emma Picaud-Lucet</h4> | ||
+ | <strong>Law student at Faculte Jean Monnet</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h3>Sarah Porte</h3> | ||
+ | <strong>Biology student at Sorbonne Universite</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h6>Ellyn Redheuil</h6> | ||
+ | <strong>Student at ESPCI Paris</strong> | ||
+ | <div> | ||
+ | RelouE-chiante-rale tout le temps | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h7>Charlotte Richard</h7> | ||
+ | <strong>Student at Ecole Polytechnique</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h8>Gabriela Sachet</h8> | ||
+ | <strong>Student at Sup Bio'Tech</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="WIKI/toto.jpg"> | ||
+ | <img class="peculiar" src="WIKI/toto2.jpg"> | ||
+ | </div> | ||
+ | <h7>Thomas Starck</h7> | ||
+ | <strong>Student at Ecole Polytechnique</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h3>Florian Thomas</h3> | ||
+ | <strong>Designer at ENSCI Les Ateliers</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h4>Kelly Trang</h4> | ||
+ | <strong>Law student at Faculte Jean Monnet</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="person"> | ||
+ | <h15>SUPERVISORS</h15></div> | ||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h9>Serena Petracchini</h9> | ||
+ | <strong>Coach from the Institut Pasteur</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h9>Anna Segu Cristina</h9> | ||
+ | <strong>Coach from the Institut Pasteur</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h9>Guilian Graves</h9> | ||
+ | <strong>Coach from ENSCI Les Ateliers</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="person"> | ||
+ | <div class="person-badge"> | ||
+ | <img class="normal" src="http://tech.custom-media.com/pics/i1.png"> | ||
+ | <img class="peculiar" src="http://tech.custom-media.com/pics/i2.png"> | ||
+ | </div> | ||
+ | <h9>Deshmukh Gopaul</h9> | ||
+ | <strong>The KING</strong> | ||
+ | <div> | ||
+ | A 20-year veteran of media and publishing, Christopher is an award-winning writer, editor, and designer who has worked on magazines and directed marketing and communications in England and the United States. | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</html> | </html> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | body { | ||
+ | background: #FFF; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | line-height: 1.5; | ||
+ | font-size: 18px; | ||
+ | text-align:justify; | ||
+ | |||
+ | } | ||
+ | *, :before, :after { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .person { | ||
+ | width: 600px; | ||
+ | padding: 70px 0 0 230px; | ||
+ | min-height: 200px; | ||
+ | margin: auto; | ||
+ | position: relative; | ||
+ | } | ||
+ | .person-badge { | ||
+ | width: 200px; | ||
+ | height: 280px; | ||
+ | border-radius: 0 0 100px 100px; | ||
+ | overflow: hidden; | ||
+ | transform: rotate(0deg); /* To force its own layer */ | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .person-badge:before, | ||
+ | .person-badge:after{ | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | border-radius: 20%; | ||
+ | z-index:-1; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | background: #DDD; | ||
+ | background: linear-gradient(to bottom, #EEE 0%,#CCC 100%); | ||
+ | transition:500ms; | ||
+ | } | ||
+ | .person-badge:after { | ||
+ | background: linear-gradient(to top, #F88 0%,#EEE 100%); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .person:nth-child(2) .person-badge:after { | ||
+ | background: linear-gradient(to top, #5AB 0%,#EEE 100%); | ||
+ | } | ||
+ | .person:nth-child(3) .person-badge:after { | ||
+ | background: linear-gradient(to top, #FC0 0%,#EEE 100%); | ||
+ | } | ||
+ | .person-badge:hover:after { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .person-badge img { | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | transition: 500ms; | ||
+ | } | ||
+ | .person-badge img.peculiar { | ||
+ | opacity: 0; | ||
+ | transform: translateY(80px) | ||
+ | } | ||
+ | |||
+ | .person-badge:hover img.normal {opacity: 0;transform: translateY(80px)} | ||
+ | .person-badge:hover img.peculiar {opacity: 1;transform: translateY(0)} | ||
+ | |||
+ | .person h3 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#3680A1; | ||
+ | } | ||
+ | |||
+ | .person h4 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#A13662; | ||
+ | } | ||
+ | |||
+ | .person h5 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#36A15D; | ||
+ | } | ||
+ | |||
+ | .person h6 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#001F58; | ||
+ | } | ||
+ | |||
+ | |||
+ | .person h7 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#E57D3B; | ||
+ | } | ||
+ | |||
+ | .person h8 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#E53B3B; | ||
+ | } | ||
+ | |||
+ | |||
+ | .person h9 { | ||
+ | margin: 0; | ||
+ | font-weight: bold; | ||
+ | font-size: 28px; | ||
+ | color:#070303; | ||
+ | } | ||
+ | |||
+ | |||
+ | .person h15 { | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | color:red; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | strong {color: #888;margin:-5px 0 5px 0;display:block;font-size:.8em;} | ||
+ | |||
+ | </style> |
Revision as of 14:39, 5 July 2018
Team
Our schools
You can look at each school of the team: scientific, law and design students work together !
Here are websites of each school:
Etienne Axelos
DesignerHermine Bildstein
Law student at Faculte Jean MonnetAlice Dejoux
Student at Chimie ParisTechClaire Dumont
Designer at ENSCI Les AteliersAntoine Ehret
Student at ESPCI ParisAndreas Fyrillas
Student at ESPCI ParisAymen Ghaneme
Student at Centrale SupelecLea Guerassimoff
Student at Chimie ParisTechSamuel Jaoui
Student at Chimie ParisTechEmma Picaud-Lucet
Law student at Faculte Jean MonnetSarah Porte
Biology student at Sorbonne UniversiteEllyn Redheuil
Student at ESPCI ParisFlorian Thomas
Designer at ENSCI Les AteliersKelly Trang
Law student at Faculte Jean Monnet<style>
body {
background: #FFF; font-family: 'Raleway', sans-serif; line-height: 1.5; font-size: 18px; text-align:justify;
}
- , :before, :after {
box-sizing: border-box;
} .person {
width: 600px; padding: 70px 0 0 230px; min-height: 200px; margin: auto; position: relative;
} .person-badge {
width: 200px; height: 280px; border-radius: 0 0 100px 100px; overflow: hidden; transform: rotate(0deg); /* To force its own layer */ position: absolute; top: 0; left: 0;
} .person-badge:before, .person-badge:after{
content: ""; position: absolute; bottom: 0; border-radius: 20%; z-index:-1; width: 200px; height: 200px; background: #DDD; background: linear-gradient(to bottom, #EEE 0%,#CCC 100%); transition:500ms;
} .person-badge:after {
background: linear-gradient(to top, #F88 0%,#EEE 100%); opacity: 0;
} .person:nth-child(2) .person-badge:after {
background: linear-gradient(to top, #5AB 0%,#EEE 100%);
} .person:nth-child(3) .person-badge:after {
background: linear-gradient(to top, #FC0 0%,#EEE 100%);
} .person-badge:hover:after {
opacity: 1;
}
.person-badge img {
width: 200px; position: absolute; bottom: 0; left: 0; transition: 500ms;
} .person-badge img.peculiar {
opacity: 0; transform: translateY(80px)
}
.person-badge:hover img.normal {opacity: 0;transform: translateY(80px)} .person-badge:hover img.peculiar {opacity: 1;transform: translateY(0)}
.person h3 {
margin: 0; font-weight: bold; font-size: 28px; color:#3680A1;
}
.person h4 {
margin: 0; font-weight: bold; font-size: 28px; color:#A13662;
}
.person h5 {
margin: 0; font-weight: bold; font-size: 28px; color:#36A15D;
}
.person h6 {
margin: 0; font-weight: bold; font-size: 28px; color:#001F58;
}
.person h7 {
margin: 0; font-weight: bold; font-size: 28px; color:#E57D3B;
}
.person h8 {
margin: 0; font-weight: bold; font-size: 28px; color:#E53B3B;
}
.person h9 {
margin: 0; font-weight: bold; font-size: 28px; color:#070303;
}
.person h15 {
text-align:center; font-weight:bold; color:red; }
strong {color: #888;margin:-5px 0 5px 0;display:block;font-size:.8em;}
</style>