Team:Freiburg/Content/Templates/Project

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 184: Line 184:
   </div>
   </div>
</section>
</section>
-
 
+
<section>
<section>
 +
<h1>Figure Borders</h1>
         <figure>
         <figure>
-
           <img class="img-no-pad" src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="Description of Image">
+
           <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="Description of Image">
           <figcaption>
           <figcaption>
             <p class="header">Fig.X: Lorem ipsum dolor sit amet.</p>
             <p class="header">Fig.X: Lorem ipsum dolor sit amet.</p>
Line 210: Line 211:
         </figure>
         </figure>
 +
</section>
 +
 +
<section>
 +
<h1>Highlights</h1>
 +
<p>Lorem <em>ipsum dolor sit amet</em>, consectetur adipisicing elit. Incidunt, laboriosam!</p>
 +
<p>Lorem <em class="highlight-kursiv">ipsum dolor sit amet</em>, consectetur adipisicing elit. Incidunt, laboriosam!</p>
 +
<p>Lorem <em class="highlight-bold">ipsum dolor sit amet</em>, consectetur adipisicing elit. Incidunt, laboriosam!</p>
 +
</section>
 +
 +
<section>
 +
<h1>Arrows</h1>
 +
<!-- Pfeil fw-->
 +
        <a href="https://2014.igem.org/Team:Freiburg/Project"> <!-- Link -->
 +
<img class="img-no-border" style="max-width: 100px" src="https://static.igem.org/mediawiki/2014/6/62/Freiburg2014_Navigation_Arrow_fw.png"> <!-- Pfeil fw-->
 +
        </a>
 +
</br>
 +
<!-- Pfeil rv-->
 +
        <a href="https://2014.igem.org/Team:Freiburg/Project"> <!-- Link -->
 +
<img class="img-no-border" style="max-width: 80px" src="https://static.igem.org/mediawiki/2014/7/74/Freiburg2014_Navigation_Arrow_rv.jpg"> <!-- Pfeil rv-->
 +
        </a>
</section>
</section>

Latest revision as of 04:14, 17 October 2014

Abstract Image Header

Page Headline Project Overview

Two column layout

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, dolorum consequuntur, voluptas ab doloremque repellat beatae accusantium nam fugit repudiandae, laborum distinctio ad veritatis sequi. Consectetur repellendus earum iure esse veritatis, quod error, sit nulla quis nemo laudantium, voluptatum eius minus? Aliquid eveniet hic facere esse similique ratione ab rerum harum numquam eius explicabo repellat, velit nulla possimus, labore officia nesciunt unde suscipit. Harum nulla voluptatem, nisi nesciunt totam, maiores quisquam officiis expedita vel delectus possimus veniam facilis suscipit quis qui voluptatum magnam molestias, unde exercitationem velit, provident laborum cumque! Fugit ipsum ea tempora quo sapiente non dolores molestiae, officiis.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Two column layout with one figure underneath

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, dolorum consequuntur, voluptas ab doloremque repellat beatae accusantium nam fugit repudiandae, laborum distinctio ad veritatis sequi. Consectetur repellendus earum iure esse veritatis, quod error, sit nulla quis nemo laudantium, voluptatum eius minus? Aliquid eveniet hic facere esse similique ratione ab rerum harum numquam eius explicabo repellat, velit nulla possimus, labore officia nesciunt unde suscipit. Harum nulla voluptatem, nisi nesciunt totam, maiores quisquam officiis expedita vel delectus possimus veniam facilis suscipit quis qui voluptatum magnam molestias, unde exercitationem velit, provident laborum cumque! Fugit ipsum ea tempora quo sapiente non dolores molestiae, officiis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, dolorum consequuntur, voluptas ab doloremque repellat beatae accusantium nam fugit repudiandae, laborum distinctio ad veritatis sequi. Consectetur repellendus earum iure esse veritatis, quod error, sit nulla quis nemo laudantium, voluptatum eius minus? Aliquid eveniet hic facere esse similique ratione ab rerum harum numquam eius explicabo repellat, velit nulla possimus, labore officia nesciunt unde suscipit. Harum nulla voluptatem, nisi nesciunt totam, maiores quisquam officiis expedita vel delectus possimus veniam facilis suscipit quis qui voluptatum magnam molestias, unde exercitationem velit, provident laborum cumque! Fugit ipsum ea tempora quo sapiente non dolores molestiae, officiis.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Two column layout with two figures underneath

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, dolorum consequuntur, voluptas ab doloremque repellat beatae accusantium nam fugit repudiandae, laborum distinctio ad veritatis sequi. Consectetur repellendus earum iure esse veritatis, quod error, sit nulla quis nemo laudantium, voluptatum eius minus? Aliquid eveniet hic facere esse similique ratione ab rerum harum numquam eius explicabo repellat, velit nulla possimus, labore officia nesciunt unde suscipit. Harum nulla voluptatem, nisi nesciunt totam, maiores quisquam officiis expedita vel delectus possimus veniam facilis suscipit quis qui voluptatum magnam molestias, unde exercitationem velit, provident laborum cumque! Fugit ipsum ea tempora quo sapiente non dolores molestiae, officiis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, dolorum consequuntur, voluptas ab doloremque repellat beatae accusantium nam fugit repudiandae, laborum distinctio ad veritatis sequi. Consectetur repellendus earum iure esse veritatis, quod error, sit nulla quis nemo laudantium, voluptatum eius minus? Aliquid eveniet hic facere esse similique ratione ab rerum harum numquam eius explicabo repellat, velit nulla possimus, labore officia nesciunt unde suscipit. Harum nulla voluptatem, nisi nesciunt totam, maiores quisquam officiis expedita vel delectus possimus veniam facilis suscipit quis qui voluptatum magnam molestias, unde exercitationem velit, provident laborum cumque! Fugit ipsum ea tempora quo sapiente non dolores molestiae, officiis.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Figure with image width set to 400px

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Figure with image width set to 400px and centered

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Figure set to 400px and centered

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Figure with image width set to original resolution and centered

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

One figure two images

Description of Image
Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

One figure two images, width both images max-width 400px

Description of Image
Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Parts Popup

Just add the partlink class to your link.

Tooltips

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero asperiores cum dignissimos porro, sed. Cumque harum quisquam nam, veritatis nulla.

  • List item with tooltip
  • List item with tooltip
  • List item with tooltip afterwards !

Figure Borders

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Description of Image

Fig.X: Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta sunt odio quae illum deserunt. Natus perspiciatis sapiente aliquam magnam explicabo.

Highlights

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, laboriosam!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, laboriosam!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, laboriosam!

Arrows


List of things and stuff e.g. Literature

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, laboriosam!
  • Aliquam impedit cupiditate et necessitatibus recusandae, qui nostrum accusantium aut.
  • Modi quia fugit quisquam placeat porro! Debitis esse numquam dolorum.
  • Quo aspernatur debitis adipisci reiciendis quidem maxime nesciunt, fugit nam?
  • Ad dolorem impedit quis aliquid iusto nisi earum odit explicabo!
  • Voluptatibus sapiente sunt alias nam, aspernatur dolorum libero, fugit nemo.
  • Nesciunt temporibus dicta iusto dignissimos illum facilis porro quidem nemo!
  • Enim illo, assumenda possimus. Commodi autem adipisci qui hic sunt.
  • Assumenda commodi soluta sit! Voluptas voluptatem possimus amet nemo molestiae.
  • Magni laborum voluptatem commodi, repellat quas ex omnis recusandae animi!