Team:Freiburg

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
<head>
+
  <div class="wrapper-outer">
-
<title>The AcCELLerator</title>
+
    <div class="wrapper">
-
<link rel="stylesheet" type="text/css" href="styles.css">
+
      <div class="content-wrapper">
-
</head>
+
        <div class="content">
-
<body>
+
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="5000">
 +
            <!-- Indicators -->
 +
            <ol class="carousel-indicators">
 +
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
            </ol>
-
<a name= "top"></a>
+
            <!-- Wrapper for slides -->
-
</html>
+
            <div class="carousel-inner">
 +
              <div class="item active">
 +
                  <h3 class="project-title">The Ac<span class="project-title-middle">CELL</span>erator</h3>
 +
                  <p><em class="project-title">The Ac<span class="project-title-middle">CELL</span>erator&copy;</em> provides you with the possibility to insert any gene of interest with a high temporal and spatial resolution. Genes inserted by <em class="project-title">The Ac<span class="project-title-middle">CELL</span>erator&copy;</em> are stably integrated into the genome. Based on two components, celline and viurs, it is the simplest and most convenient way to deliver different genes at different points of time or areas in one cell population.</p>
 +
              </div>
 +
              <div class="item">
 +
                  <h3>Slide header 2</h3>
 +
                  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
 +
              </div>
 +
              <div class="item">
 +
                  <h3>Slide header 3</h3>
 +
                  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
 +
              </div>
 +
            </div>
 +
          </div>
 +
          <section class="link-boxes">
 +
            <h2 id="a-page-links">Links to pages</h2>
-
{{:Team:Freiburg/html/Carousel}}
+
            <div class="container-fluid">
 +
              <div class="row category-row">
 +
                <div class="col-sm-4">
 +
                  <a href="https://2014.igem.org/Team:Freiburg/Project/Overview">
 +
                    <div class="category-item" style="background-image:url(https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png);">
 +
                      <p>Abstract</p>
 +
                    </div>
 +
                  </a>
 +
                </div>
 +
                <div class="col-sm-4">
 +
                  <a href="https://2014.igem.org/Team:Freiburg/Project/The_viral_vector">
 +
                    <div class="category-item" style="background-image:url(https://static.igem.org/mediawiki/2014/8/8c/2014_Freiburg_Virus_placeholder.png);">
 +
                      <p>Viral vector</p>
 +
                    </div>
 +
                  </a>
 +
                </div>
 +
                <div class="col-sm-4">
 +
                  <a href="https://2014.igem.org/Team:Freiburg/Project/The_combination">
 +
                    <div class="category-item" style="background-image:url(https://static.igem.org/mediawiki/2014/3/37/2014_Freiburg_Comb_placeholder.png);">
 +
                      <p>The combination</p>
 +
                    </div>
 +
                  </a>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </section>
 +
          <section class="abstract">
 +
            <h2>Project Abstract</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus perspiciatis expedita totam quod praesentium dolorem inventore autem voluptates iusto blanditiis, enim aliquid quia qui necessitatibus optio ex nostrum possimus repudiandae sapiente eum? Aperiam ullam et error facere quos delectus cupiditate.</p>
 +
          </section>
-
<html>        
+
          <section class="team">
-
<div class = "image">
+
            <h2>The Team</h2>
-
<a href = "/Team:Freiburg/Project/Overview"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png"/></a>
+
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis totam cumque vero necessitatibus omnis corporis culpa aliquam. Optio praesentium, fuga.</p>
-
<a id= "boxtext" href = "/Team:Freiburg/Project/Overview"><span>Abstract</span></a>
+
            <div class="gallery container-fluid">
-
</div>
+
              <!--
 +
              .row.gallery-row*3>.col-sm-3*4>.gallery-item>a[href='https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png'].team-gallery>img[src='https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png']+(p.caption-thumbnail>lorem5)+(p.caption-fullscreen>lorem20) -->
 +
              <h3>Team members</h3>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Lorem ipsum dolor sit amet.</p>
 +
                      <p class="caption-fullscreen">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime debitis facere, praesentium vel excepturi eligendi. Amet officiis perferendis id?</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Labore enim quibusdam rerum placeat.</p>
 +
                      <p class="caption-fullscreen">Dolores ipsum quasi, optio enim obcaecati necessitatibus. Temporibus possimus rem, voluptates facere illum, sequi nesciunt quas et non, in recusandae.</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Accusantium eligendi qui tempora, maiores.</p>
 +
                      <p class="caption-fullscreen">Maiores molestiae quod alias reprehenderit, recusandae, eum quasi reiciendis dignissimos incidunt, eius illo impedit! Quasi hic nobis obcaecati, corrupti odio.</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Ipsum harum at, tempora nulla.</p>
 +
                      <p class="caption-fullscreen">Delectus, expedita quas perferendis dolor amet! Tempore ipsum tenetur veritatis illum, sequi, beatae eligendi nesciunt id nemo, possimus tempora ratione.</p>
 +
                    </a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Lorem ipsum dolor sit amet.</p>
 +
                      <p class="caption-fullscreen">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore distinctio quos unde sed consequuntur nisi quibusdam, praesentium quam quia, ipsa!</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Consequatur provident iure, quo dolore.</p>
 +
                      <p class="caption-fullscreen">Ad nostrum repellendus eaque quisquam repudiandae, sapiente, molestias sunt placeat nemo! Nisi, officiis, repudiandae consequuntur enim animi libero magni ea?</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Sunt ullam exercitationem hic porro?</p>
 +
                      <p class="caption-fullscreen">Maxime voluptatum expedita quo minus commodi libero eligendi, sequi cum similique, sunt, quidem animi numquam voluptas ut doloremque illo quibusdam!</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Repellat ratione fuga necessitatibus molestias.</p>
 +
                      <p class="caption-fullscreen">Deleniti nisi labore, impedit odit eos illo tempore iusto est rerum neque commodi ducimus perferendis dolore laborum quae, quas at.</p>
 +
                    </a></div>
 +
                </div>
 +
              </div>
 +
            </div>
-
<div class = "image">
+
            <div class="gallery container-fluid">
-
<a href = "https://2014.igem.org/Team:Freiburg/Project/The_viral_vector"><img src="https://static.igem.org/mediawiki/2014/8/8c/2014_Freiburg_Virus_placeholder.png"/></a>
+
              <h3>Instructors</h3>
-
<a id= "boxtext" href = "https://2014.igem.org/Team:Freiburg/Project/The_viral_vector"><span>Viral vector</span></a>
+
              <div class="row gallery-row">
-
</div>
+
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Lorem ipsum dolor sit amet.</p>
 +
                      <p class="caption-fullscreen">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, necessitatibus omnis esse qui, possimus alias earum ipsum modi ut quae.</p>
 +
                    </a></div>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Esse consequuntur, harum quisquam eveniet?</p>
 +
                      <p class="caption-fullscreen">Repellendus facere itaque perspiciatis praesentium commodi sapiente nemo magnam repudiandae aspernatur earum voluptates voluptatem sunt, consequuntur, eius minima, quam possimus.</p>
 +
                    </a></div>
 +
                </div>
 +
              </div>
 +
            </div>
-
<div class = "image">
+
            <div class="gallery container-fluid">
-
<a href = "https://2014.igem.org/Team:Freiburg/Project/The_combination"><img src="https://static.igem.org/mediawiki/2014/3/37/2014_Freiburg_Comb_placeholder.png"/></a>
+
              <h3>Advisor</h3>
-
<a id= "boxtext" href = "https://2014.igem.org/Team:Freiburg/Project/The_combination"><span>Viral vector</span></a>
+
              <div class="row gallery-row">
-
</div>
+
                <div class="col-sm-3">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery">
 +
                      <img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="">
 +
                      <p class="caption-thumbnail">Lorem ipsum dolor sit amet.</p>
 +
                      <p class="caption-fullscreen">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit doloribus, possimus pariatur omnis dignissimos reiciendis quas odio magnam rem nisi.</p>
 +
                    </a></div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </section>
 +
 
 +
        </div>
 +
        <aside>
 +
          <section class="aside-news">
 +
            <h2>News</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis eligendi a alias velit possimus odio aliquam architecto fugit ipsa inventore! <a href="#">Read more...</a></p>
 +
            <p>Nobis adipisci amet maiores beatae repellat nemo labore molestias quod nesciunt doloribus quia ex, vel odio soluta accusantium est! Nostrum. <a href="#">Read more...</a></p>
 +
           
 +
            <div><a class="colorbox" href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" title="Abstract Image"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt="Abstract Image"></a></div>
 +
          </section>
 +
         
 +
          <section class="sponsors">
 +
            <h2>Gold Sponsors</h2>
 +
            <div class="gallery container-fluid">
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
              <div class="row gallery-row">
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
                <div class="col-sm-6">
 +
                  <div class="gallery-item"><a href="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" class="team-gallery"><img src="https://static.igem.org/mediawiki/2014/f/fb/2014_Freiburg_Abstract.png" alt=""></a></div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </section>
 +
 
 +
        </aside>
 +
      </div>
 +
     
 +
      <footer>
 +
        <ul>
 +
          <li><a href="">Sponsors</a></li>
 +
          <li><a href=""></a></li>
 +
          <li><a href=""></a></li>
 +
        </ul>
 +
      </footer>
 +
    </div>
 +
  </div>
-
     
+
{{:Team:Freiburg/Templates/html/foot.html}}
 +
{{:Team:Freiburg/Templates/html/js.html}}
 +
// set title
 +
$('head title').text('The AcCELLerator');
-
<script src="/Team:Freiburg/js/main.js?action=raw"></script>
 
-
 
-
</body>
 
</html>
</html>

Revision as of 11:32, 16 September 2014

Project Abstract

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus perspiciatis expedita totam quod praesentium dolorem inventore autem voluptates iusto blanditiis, enim aliquid quia qui necessitatibus optio ex nostrum possimus repudiandae sapiente eum? Aperiam ullam et error facere quos delectus cupiditate.

The Team

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis totam cumque vero necessitatibus omnis corporis culpa aliquam. Optio praesentium, fuga.

{{:Team:Freiburg/Templates/html/foot.html}} {{:Team:Freiburg/Templates/html/js.html}} // set title $('head title').text('The AcCELLerator');