Difference between revisions of "Team:Paris Bettencourt/Proteins Caging"
| Line 1: | Line 1: | ||
{{Paris_Bettencourt}} | {{Paris_Bettencourt}} | ||
| + | <html> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| + | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | ||
| + | <style type="text/css"> | ||
| + | |||
| + | #header { | ||
| + | width : 100%; | ||
| + | margin-top : 65px; | ||
| + | text-align : center; | ||
| + | font-size : 20px; | ||
| + | } | ||
| + | #headerimg { | ||
| + | width : 100%; | ||
| + | } | ||
| + | body { | ||
| + | margin : 0; | ||
| + | pading : 0; | ||
| + | } | ||
| + | h1 { | ||
| + | text-align : center; | ||
| + | } | ||
| + | .leftparagraphe { | ||
| + | float : left; | ||
| + | margin-left : 5%; | ||
| + | width : 40%; | ||
| + | text-align : justify; | ||
| + | } | ||
| + | .rightimg { | ||
| + | float : right; | ||
| + | margin-right : 5%; | ||
| + | width : 40%; | ||
| + | height : 100%; | ||
| + | background : red; | ||
| + | } | ||
| + | .rightparagraphe { | ||
| + | float : right; | ||
| + | margin-right : 5%; | ||
| + | width : 40%; | ||
| + | text-align : justify; | ||
| + | position : relative; | ||
| + | } | ||
| + | .leftimg { | ||
| + | float : left; | ||
| + | margin-left : 5%; | ||
| + | width : 40%; | ||
| + | height : 100%; | ||
| + | background : red; | ||
| + | position : relative; | ||
| + | } | ||
| + | .block { | ||
| + | width : 100%; | ||
| + | height : 400px; | ||
| + | margin-top : 50px; | ||
| + | overflow : hidden; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <head> | ||
| + | |||
| + | <div id="header"><img id="headerimg" src="">Find me a header</div> | ||
| + | |||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | |||
| + | <h1>Project X</h1> | ||
| + | |||
| + | <div class=block><div class=leftparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet sodales ex. Sed tempus nisl at diam tempus facilisis. In pellentesque vulputate erat a vulputate. In maximus risus et accumsan scelerisque. Nullam vel porttitor metus. Donec varius risus eu urna sodales, ac convallis metus faucibus. Sed quis sapien tellus. Cras efficitur arcu et tellus vehicula maximus. Ut tincidunt dui ut sollicitudin malesuada. Quisque maximus, ex in ultrices tristique, purus felis ultrices mauris, ut sagittis lorem turpis et lorem. Etiam quis arcu aliquam, molestie risus vel, aliquam sapien. Ut metus arcu, sodales eget ex ac, lobortis venenatis lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tempus mollis lorem, eget accumsan orci venenatis in. Fusce id sapien mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et magna orci. Sed sodales ante elit, id porttitor arcu rutrum in. Nunc porta non tortor eu rutrum. Praesent mollis tincidunt tortor id sodales. Mauris nibh arcu, tincidunt sollicitudin mi nec, volutpat blandit sem. Aenean condimentum ante non interdum tincidunt. In vel nisl nulla. Morbi sodales massa eget justo tempus, sit amet tristique libero. </div><img class=rightimg src=""></div> | ||
| + | |||
| + | <div class=block><img class=leftimg src=""><div class=rightparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur vitae enim suscipit rutrum. Phasellus aliquam, mi molestie pretium porta, orci turpis condimentum leo, sit amet consequat dui est vitae lorem. Morbi enim velit, euismod at leo malesuada, malesuada tempor justo. Cras vel augue nec leo hendrerit scelerisque. Praesent venenatis nunc sed tellus lacinia sodales. Pellentesque non sagittis magna, ac aliquet lacus. Suspendisse eu eros nisl. Nunc tincidunt tempor mauris. Vestibulum condimentum ac arcu ac pretium. Cras fermentum efficitur tristique. Fusce ac nibh a ex hendrerit vulputate. Aliquam aliquet a felis vitae ullamcorper. Suspendisse pellentesque libero id mi commodo ultrices. Nullam vel nisi dapibus, convallis ex sit amet, rhoncus mi. Etiam nec diam fermentum nulla vulputate volutpat vitae eu nulla. Pellentesque non dignissim arcu, accumsan dapibus ex. Donec rhoncus orci et quam maximus tempor. Vestibulum malesuada dui at dapibus dictum. Duis convallis faucibus sem eu iaculis. Vestibulum vel arcu ex. Sed porta lacus ut libero imperdiet, pellentesque tempor ante luctus. Mauris porta augue dui, sed commodo magna cursus vitae. Phasellus sollicitudin, ex in imperdiet dictum, mauris diam tempus libero, vel tincidunt nulla magna in enim. Donec et leo malesuada, sodales mi ac, vestibulum massa. Suspendisse potenti. Curabitur dignissim lorem id. </div></div> | ||
| + | <div class=block><div class=leftparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst. </div><img class=rightimg src=""></div> | ||
| + | <div class=block><div class=rightparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst. </div><img class=leftimg src=""></div> | ||
| + | <div class=block><div class=leftparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst. </div><img class=rightimg src=""></div> | ||
| + | <div class=block><div class=rightparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst. </div><img class=leftimg src=""></div> | ||
| + | <div class=block><div class=leftparagraphe>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst. </div><img class=rightimg src=""></div> | ||
| + | |||
| + | <img > | ||
| + | |||
| + | </body> | ||
| + | |||
| + | </html> | ||
{{Paris_Bettencourt/footer}} | {{Paris_Bettencourt/footer}} | ||
Revision as of 15:53, 28 September 2017
Project X
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet sodales ex. Sed tempus nisl at diam tempus facilisis. In pellentesque vulputate erat a vulputate. In maximus risus et accumsan scelerisque. Nullam vel porttitor metus. Donec varius risus eu urna sodales, ac convallis metus faucibus. Sed quis sapien tellus. Cras efficitur arcu et tellus vehicula maximus. Ut tincidunt dui ut sollicitudin malesuada. Quisque maximus, ex in ultrices tristique, purus felis ultrices mauris, ut sagittis lorem turpis et lorem. Etiam quis arcu aliquam, molestie risus vel, aliquam sapien. Ut metus arcu, sodales eget ex ac, lobortis venenatis lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tempus mollis lorem, eget accumsan orci venenatis in. Fusce id sapien mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et magna orci. Sed sodales ante elit, id porttitor arcu rutrum in. Nunc porta non tortor eu rutrum. Praesent mollis tincidunt tortor id sodales. Mauris nibh arcu, tincidunt sollicitudin mi nec, volutpat blandit sem. Aenean condimentum ante non interdum tincidunt. In vel nisl nulla. Morbi sodales massa eget justo tempus, sit amet tristique libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur vitae enim suscipit rutrum. Phasellus aliquam, mi molestie pretium porta, orci turpis condimentum leo, sit amet consequat dui est vitae lorem. Morbi enim velit, euismod at leo malesuada, malesuada tempor justo. Cras vel augue nec leo hendrerit scelerisque. Praesent venenatis nunc sed tellus lacinia sodales. Pellentesque non sagittis magna, ac aliquet lacus. Suspendisse eu eros nisl. Nunc tincidunt tempor mauris. Vestibulum condimentum ac arcu ac pretium. Cras fermentum efficitur tristique. Fusce ac nibh a ex hendrerit vulputate. Aliquam aliquet a felis vitae ullamcorper. Suspendisse pellentesque libero id mi commodo ultrices. Nullam vel nisi dapibus, convallis ex sit amet, rhoncus mi. Etiam nec diam fermentum nulla vulputate volutpat vitae eu nulla. Pellentesque non dignissim arcu, accumsan dapibus ex. Donec rhoncus orci et quam maximus tempor. Vestibulum malesuada dui at dapibus dictum. Duis convallis faucibus sem eu iaculis. Vestibulum vel arcu ex. Sed porta lacus ut libero imperdiet, pellentesque tempor ante luctus. Mauris porta augue dui, sed commodo magna cursus vitae. Phasellus sollicitudin, ex in imperdiet dictum, mauris diam tempus libero, vel tincidunt nulla magna in enim. Donec et leo malesuada, sodales mi ac, vestibulum massa. Suspendisse potenti. Curabitur dignissim lorem id.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida dui et nisi egestas, sit amet volutpat orci posuere. Integer vel pulvinar sem, mattis vulputate dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum vestibulum leo eu ante ullamcorper, quis posuere velit faucibus. Fusce quis metus diam. In et est quam. Suspendisse molestie vel nunc nec dignissim. Maecenas ex felis, porta et ipsum ut, interdum tempor elit. Maecenas sagittis suscipit diam in fringilla. Phasellus consectetur rutrum sodales. Cras interdum elit sed euismod elementum. Sed bibendum risus mi, eu laoreet eros lacinia sed. Phasellus a laoreet turpis. Donec ullamcorper est vel risus sagittis, sit amet bibendum eros condimentum. Aliquam vitae pellentesque tortor, non condimentum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget tempus magna. Vivamus diam massa, iaculis sit amet lacus ut, tempus blandit ex. Mauris posuere convallis ligula a egestas. Proin tempus elementum tempor. Praesent eu feugiat ante. Aenean in porttitor ante. Aliquam auctor ornare massa vel iaculis. Aliquam ut nulla vel est vulputate tempus. Curabitur vitae magna id augue vestibulum consectetur euismod et odio. Mauris ultrices gravida odio, ac porttitor purus pharetra nec. In hac habitasse platea dictumst.
Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
bettencourt.igem2017@gmail.com
bettencourt.igem2017@gmail.com 
