Team:Paris Bettencourt/Bibliograpy
From 2014.igem.org
Line 50: | Line 50: | ||
display : inline-block; | display : inline-block; | ||
} | } | ||
- | .biblio | + | .biblio text1 { |
display : inline-block; | display : inline-block; | ||
vertical-align : middle; | vertical-align : middle; | ||
position : relative; | position : relative; | ||
- | width : | + | width : 44%; |
margin-left : 5%; | margin-left : 5%; | ||
font-size : 14px; | font-size : 14px; | ||
} | } | ||
+ | |||
+ | .biblio text2 { | ||
+ | position : absolute; | ||
+ | width : 44%; | ||
+ | height : 250px; | ||
+ | left : 51%; | ||
+ | margin-top : 40px; | ||
+ | font-size : 15px; | ||
+ | } | ||
Line 96: | Line 105: | ||
<div id=project1><h6>Smell the roses</h6> | <div id=project1><h6>Smell the roses</h6> | ||
- | <div class=biblio><p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> | + | <div class=biblio><p class=text1><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> |
- | <div class=biblio><p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> | + | <div class=biblio><p class=text1><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> |
- | <div class=biblio><p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> | + | <div class=biblio><p class=text1><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> |
- | </div> | + | <div class=biblio><p class=text2><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> |
+ | <div class=biblio><p class=text2><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> | ||
+ | <div class=biblio><p class=text2><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius. </p></div> | ||
+ | </div> | ||
<div id=project2><h6>Teen spirit</h6> | <div id=project2><h6>Teen spirit</h6> | ||
<div class=biblio><p><a href="http://www.nature.com/jid/journal/v116/n4/full/5601027a.html">Haze, S., Gozu, Y., Nakamura, S., Kohno, Y., Sawano, K., Ohta, H., & Yamazaki, K. (2001). 2-Nonenal newly found in human body odor tends to increase with aging.<i> Journal of investigative dermatology</i>, 116(4), 520-524.</p></div> | <div class=biblio><p><a href="http://www.nature.com/jid/journal/v116/n4/full/5601027a.html">Haze, S., Gozu, Y., Nakamura, S., Kohno, Y., Sawano, K., Ohta, H., & Yamazaki, K. (2001). 2-Nonenal newly found in human body odor tends to increase with aging.<i> Journal of investigative dermatology</i>, 116(4), 520-524.</p></div> |
Revision as of 08:50, 13 October 2014
Smell the roses
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Teen spirit
Something fishy
Goody two shoes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Don't sweat it
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at imperdiet lorem. Sed convallis placerat nisi. Sed consectetur quam quam, eu iaculis nisl pretium non. Cras porta neque at varius.