Difference between revisions of "Team:Edinburgh UG/Human Practices"

Line 23: Line 23:
 
     <!-- Custom styles for this template -->
 
     <!-- Custom styles for this template -->
 
     <link href="https://2018.igem.org/Team:Edinburgh_UG/home_css?action=raw&c" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Edinburgh_UG/home_css?action=raw&c" rel="stylesheet">
 +
 +
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 +
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
 +
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  
 
   </head>
 
   </head>
Line 108: Line 112:
 
       </div>
 
       </div>
 
     </header>
 
     </header>
 +
 +
<div class="container">
 +
      <div class="timeline">
 +
        <div class="row no-gutters justify-content-end justify-content-md-around align-items-start  timeline-nodes">
 +
          <div class="col-10 col-md-5 order-3 order-md-1 timeline-content">
 +
            <h3 class=" text-light">Timeline Heading</h3>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.</p>
 +
          </div>
 +
          <div class="col-2 col-sm-1 px-md-3 order-2 timeline-image text-md-center">
 +
            <img src="img/img13.png" class="img-fluid" alt="img">
 +
          </div>
 +
          <div class="col-10 col-md-5 order-1 order-md-3 py-3 timeline-date">
 +
            <time>2018-02-23</time>
 +
          </div>
 +
        </div>
 +
        <div class="row no-gutters justify-content-end justify-content-md-around align-items-start  timeline-nodes">
 +
          <div class="col-10 col-md-5 order-3 order-md-1 timeline-content">
 +
            <h3 class=" text-light">Timeline Heading</h3>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.</p>
 +
          </div>
 +
          <div class="col-2 col-sm-1 px-md-3 order-2 timeline-image text-md-center">
 +
            <img src="img/img13.png" class="img-fluid" alt="img">
 +
          </div>
 +
          <div class="col-10 col-md-5 order-1 order-md-3 py-3 timeline-date">
 +
            <time>2018-02-23</time>
 +
          </div>
 +
        </div>
 +
        <div class="row no-gutters justify-content-end justify-content-md-around align-items-start  timeline-nodes">
 +
          <div class="col-10 col-md-5 order-3 order-md-1 timeline-content">
 +
            <h3 class=" text-light">Timeline Heading</h3>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.</p>
 +
          </div>
 +
          <div class="col-2 col-sm-1 px-md-3 order-2 timeline-image text-md-center">
 +
            <img src="img/img13.png" class="img-fluid" alt="img">
 +
          </div>
 +
          <div class="col-10 col-md-5 order-1 order-md-3 py-3 timeline-date">
 +
            <time>2018-02-23</time>
 +
          </div>
 +
        </div>
 +
        <div class="row no-gutters justify-content-end justify-content-md-around align-items-start  timeline-nodes">
 +
          <div class="col-10 col-md-5 order-3 order-md-1 timeline-content">
 +
            <h3 class=" text-light">Timeline Heading</h3>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.</p>
 +
          </div>
 +
          <div class="col-2 col-sm-1 px-md-3 order-2 timeline-image text-md-center">
 +
            <img src="img/img13.png" class="img-fluid" alt="img">
 +
          </div>
 +
          <div class="col-10 col-md-5 order-1 order-md-3 py-3 timeline-date">
 +
            <time>2018-02-23</time>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
  
 
     <!-- Contact Section -->
 
     <!-- Contact Section -->

Revision as of 19:19, 15 October 2018

Edinburgh iGEM 2018

Human Practices

Timeline Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.

img

Timeline Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.

img

Timeline Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.

img

Timeline Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe, eaque amet deleniti hic quas qui cumque delectus aliquid, eius quia quod, quae, aliquam aspernatur facilis. Minima quod corporis dignissimos porro.

img

Contact EdiGEM18

Feel free to leave us a comment on social media!