Line 189: | Line 189: | ||
} | } | ||
− | . | + | .snip1510 { |
− | + | font-family: Quicksand, sans-serif; | |
− | + | position: relative; | |
− | margin: | + | float: left; |
+ | margin: 10px 1%; | ||
+ | max-width: 1200px; | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | line-height: 1.4em; | ||
+ | font-size: 25px; | ||
+ | box-shadow: none !important; | ||
} | } | ||
− | . | + | .snip1510 * { |
− | + | -webkit-box-sizing: border-box; | |
− | + | box-sizing: border-box; | |
− | + | ||
} | } | ||
− | . | + | .snip1510 .profile-image { |
− | + | width: 26%; | |
− | + | ||
} | } | ||
− | . | + | .snip1510 .profile-image img { |
− | + | border-radius: 5px; | |
− | + | max-width: 100%; | |
− | + | vertical-align: top; | |
} | } | ||
− | + | .snip1510 .profile-image, | |
− | . | + | .snip1510 figcaption { |
− | . | + | float: left; |
− | . | + | |
− | + | ||
} | } | ||
− | . | + | .snip1510 figcaption { |
− | + | width: 70%; | |
− | + | background-color: #a696ea; | |
− | + | color: #fff; | |
+ | padding: 25px; | ||
+ | display: inline-block; | ||
+ | margin-left: 4%; | ||
+ | border-radius: 5px; | ||
} | } | ||
− | . | + | .snip1510 figcaption:after { |
− | + | content: ''; | |
− | + | position: absolute; | |
+ | right: 70%; | ||
+ | top: 30px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-style: solid; | ||
+ | border-width: 10px 10px 10px 0; | ||
+ | border-color: transparent #a696ea transparent transparent; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 301: | Line 269: | ||
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h3> | + | <h3>Stabiliy</h3> |
− | <h4> | + | <h4></h4> |
− | <p> | + | <p></p> |
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
Line 310: | Line 278: | ||
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h3> | + | <h3>Single Stranded</h3> |
− | <h4> | + | <h4>r</h4> |
− | <p> | + | <p></p> |
</figcaption> | </figcaption> | ||
</figure> | </figure> | ||
Line 319: | Line 287: | ||
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h3> | + | <h3>Cost Effective</h3> |
<h4>Web Designer</h4> | <h4>Web Designer</h4> | ||
<p>I'm killing time while I wait for life to shower me with meaning and happiness.</p> | <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p> | ||
Line 328: | Line 296: | ||
</div> | </div> | ||
<figcaption> | <figcaption> | ||
− | <h3> | + | <h3>Intellectual Property</h3> |
<h4>Web Designer</h4> | <h4>Web Designer</h4> | ||
<p>I'm killing time while I wait for life to shower me with meaning and happiness.</p> | <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | <figure class="snip1510"> | ||
+ | <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--PDSafety.gif"/> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h3>Giles Posture</h3> | ||
+ | <h4>Founder</h4> | ||
+ | <p>Which is worse, that everyone has his price, or that the price is always so low.</p> | ||
</figcaption> | </figcaption> | ||
</figure> | </figure> |
Revision as of 09:32, 5 October 2017