Team:Evry/Notebook-tsol

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
<link rel="stylesheet" href="https://2014.igem.org/Team:Evry/CSS/timeline?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2014.igem.org/Team:Evry/CSS/timeline?action=raw&ctype=text/css" type="text/css" />
</html>
</html>
 +
<html>
<html>
<section id="top-section-hero" class="top-section-title red">
<section id="top-section-hero" class="top-section-title red">
-
 
   <div class="jumbotron text-left">
   <div class="jumbotron text-left">
     <div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
     <div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
Line 14: Line 14:
     </div>
     </div>
   </div>
   </div>
-
 
</section>
</section>
 +
</html>
 +
 +
<html>
<section id="timeline">
<section id="timeline">
-
<div id="cd-timeline" class="cd-container">
+
</html>
-
<div class="cd-timeline-block">
+
<html>
-
<div class="cd-timeline-img cd-picture">
+
  <div id="cd-timeline" class="cd-container">
-
<img src="img/cd-icon-picture.svg" alt="Picture">
+
    <div class="cd-timeline-block">
-
</div> <!-- cd-timeline-img -->
+
      <div class="cd-timeline-img cd-picture">
 +
        <img src="img/cd-icon-picture.svg" alt="Picture">
 +
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Title of section 1</h2>
+
        <h2>Title of section 1</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
-
<a href="#0" class="cd-read-more">Read more</a>
+
        <a href="#0" class="cd-read-more">Read more</a>
-
<span class="cd-date">Jan 14</span>
+
        <span class="cd-date">Jan 14</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
<div class="cd-timeline-block">
+
    <div class="cd-timeline-block">
-
<div class="cd-timeline-img cd-movie">
+
      <div class="cd-timeline-img cd-movie">
-
<img src="img/cd-icon-movie.svg" alt="Movie">
+
        <img src="img/cd-icon-movie.svg" alt="Movie">
-
</div> <!-- cd-timeline-img -->
+
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Title of section 2</h2>
+
        <h2>Title of section 2</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?</p>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?</p>
-
<a href="#0" class="cd-read-more">Read more</a>
+
        <a href="#0" class="cd-read-more">Read more</a>
-
<span class="cd-date">Jan 18</span>
+
        <span class="cd-date">Jan 18</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
<div class="cd-timeline-block">
+
    <div class="cd-timeline-block">
-
<div class="cd-timeline-img cd-picture">
+
      <div class="cd-timeline-img cd-picture">
-
<img src="img/cd-icon-picture.svg" alt="Picture">
+
        <img src="img/cd-icon-picture.svg" alt="Picture">
-
</div> <!-- cd-timeline-img -->
+
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Title of section 3</h2>
+
        <h2>Title of section 3</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque, deserunt corporis vero ipsum nisi eius odio natus ullam provident pariatur temporibus quia eos repellat consequuntur perferendis enim amet quae quasi repudiandae sed quod veniam dolore possimus rem voluptatum eveniet eligendi quis fugiat aliquam sunt similique aut adipisci.</p>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque, deserunt corporis vero ipsum nisi eius odio natus ullam provident pariatur temporibus quia eos repellat consequuntur perferendis enim amet quae quasi repudiandae sed quod veniam dolore possimus rem voluptatum eveniet eligendi quis fugiat aliquam sunt similique aut adipisci.</p>
-
<a href="#0" class="cd-read-more">Read more</a>
+
        <a href="#0" class="cd-read-more">Read more</a>
-
<span class="cd-date">Jan 24</span>
+
        <span class="cd-date">Jan 24</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
<div class="cd-timeline-block">
+
    <div class="cd-timeline-block">
-
<div class="cd-timeline-img cd-location">
+
      <div class="cd-timeline-img cd-location">
-
<img src="img/cd-icon-location.svg" alt="Location">
+
        <img src="img/cd-icon-location.svg" alt="Location">
-
</div> <!-- cd-timeline-img -->
+
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Title of section 4</h2>
+
        <h2>Title of section 4</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
-
<a href="#0" class="cd-read-more">Read more</a>
+
        <a href="#0" class="cd-read-more">Read more</a>
-
<span class="cd-date">Feb 14</span>
+
        <span class="cd-date">Feb 14</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
<div class="cd-timeline-block">
+
    <div class="cd-timeline-block">
-
<div class="cd-timeline-img cd-location">
+
      <div class="cd-timeline-img cd-location">
-
<img src="img/cd-icon-location.svg" alt="Location">
+
        <img src="img/cd-icon-location.svg" alt="Location">
-
</div> <!-- cd-timeline-img -->
+
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Title of section 5</h2>
+
        <h2>Title of section 5</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.</p>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.</p>
-
<a href="#0" class="cd-read-more">Read more</a>
+
        <a href="#0" class="cd-read-more">Read more</a>
-
<span class="cd-date">Feb 18</span>
+
        <span class="cd-date">Feb 18</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
<div class="cd-timeline-block">
+
    <div class="cd-timeline-block">
-
<div class="cd-timeline-img cd-movie">
+
      <div class="cd-timeline-img cd-movie">
-
<img src="img/cd-icon-movie.svg" alt="Movie">
+
        <img src="img/cd-icon-movie.svg" alt="Movie">
-
</div> <!-- cd-timeline-img -->
+
      </div> <!-- cd-timeline-img -->
-
<div class="cd-timeline-content">
+
      <div class="cd-timeline-content">
-
<h2>Final Section</h2>
+
        <h2>Final Section</h2>
-
<p>This is the content of the last section</p>
+
        <p>This is the content of the last section</p>
-
<span class="cd-date">Feb 26</span>
+
        <span class="cd-date">Feb 26</span>
-
</div> <!-- cd-timeline-content -->
+
      </div> <!-- cd-timeline-content -->
-
</div> <!-- cd-timeline-block -->
+
    </div> <!-- cd-timeline-block -->
-
</div> <!-- cd-timeline -->
+
  </div> <!-- cd-timeline -->
</section>
</section>
</html>
</html>
{{:Team:Evry/Template:HomeFooter}}
{{:Team:Evry/Template:HomeFooter}}

Revision as of 21:36, 19 August 2014

IGEM Evry 2014

Notebook

Picture

Title of section 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Read more Jan 14
Movie

Title of section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde?

Read more Jan 18
Picture

Title of section 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, obcaecati, quisquam id molestias eaque asperiores voluptatibus cupiditate error assumenda delectus odit similique earum voluptatem doloremque dolorem ipsam quae rerum quis. Odit, itaque, deserunt corporis vero ipsum nisi eius odio natus ullam provident pariatur temporibus quia eos repellat consequuntur perferendis enim amet quae quasi repudiandae sed quod veniam dolore possimus rem voluptatum eveniet eligendi quis fugiat aliquam sunt similique aut adipisci.

Read more Jan 24
Location

Title of section 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.

Read more Feb 14
Location

Title of section 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum.

Read more Feb 18
Movie

Final Section

This is the content of the last section

Feb 26