Difference between revisions of "Team:Vanderbilt"

Line 1: Line 1:
−
{{Team:Vanderbilt/assets/fonts/fontello.css}}
+
{{Team:Vanderbilt/css/assets.css}}
−
{{Team:Vanderbilt/assets/css/animate.min.css}}
+
{{Team:Vanderbilt/css/style.css}}
−
{{Team:Vanderbilt/assets/css/owl.transitions.css}}
+
{{Team:Vanderbilt/js/jquery.js}}
−
{{Team:Vanderbilt/assets/css/owl.carousel.css}}
+
{{Team:Vanderbilt/js/assets.js}}
−
{{Team:Vanderbilt/assets/css/main.css}}
+
{{Team:Vanderbilt/js/scripts.js}}
−
{{Team:Vanderbilt/assets/css/bootstrap.min.css}}
+
<html lang="en">
−
{{Team:Vanderbilt/header}}
+
−
<html>
+
 
<style>
 
<style>
  
Line 14: Line 12:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
</style>
 
</style>
−
<main>
+
<head>
−
<section id="hero">
+
    <meta charset="utf-8">
−
<div id="owl-main" class="owl-carousel owl-one-item">
+
−
<div class="item">
+
−
<figure class=>
+
−
<a href=""><img class="border" src="https://static.igem.org/mediawiki/2016/a/af/T--Vanderbilt--banner10.png" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="get-started" class="tint-bg">
+
−
<div class="container inner-sm">
+
−
<div class="row">
+
−
<div class="col-sm-11 center-block text-center">
+
−
<h1 class="single-block">Every Gene Harbors a Vulnerability</h1>
+
−
<a onclick="smoothScr.anim('ln1')"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Vanderbilt--down125blue.png" alt=""></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="ln1" class="dark-bg">
+
−
<div class="container inner-sm">
+
−
<div class="row">
+
−
<div class="col-sm-11 center-block text-center">
+
−
<h1 class="single-block">Algorithm</h1>
+
−
<p></p>
+
−
<a>design<br><img src="https://static.igem.org/mediawiki/2016/0/05/T--Vanderbilt--down125blue.png" alt=""></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="accordion" class="light-bg">
+
−
<div class="container inner">
+
−
<div class="row">
+
−
<div class="col-md-8 col-sm-9 center-block text-center">
+
−
<header>
+
−
<p>Synthetic DNA Sequences</p>
+
−
</header>
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content4">
+
−
<span>Applied</span>
+
−
</a>
+
−
</h4>
+
−
</div>
+
−
<div id="content4" class="panel-collapse collapse">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content5">
+
−
<span>Theortical</span>
+
−
</a>
+
−
</h4>
+
−
</div>
+
−
<div id="content5" class="panel-collapse collapse">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="accordion">
+
−
<div class="container inner">
+
−
<div class="row">
+
−
<div class="col-md-8 col-sm-9 center-block text-center">
+
−
<header>
+
−
<p>Counteracting</p>
+
−
</header>
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content7">
+
−
<span>Oxidation</span>
+
−
</a>
+
−
</h4>
+
−
</div>
+
−
<div id="content7" class="panel-collapse collapse in">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
<div class="col-md-5 col-md-offset-1 col-sm-6 inner-right-xs">
+
−
<figure><img src="assets/images/art/product05.jpg" alt=""></figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content6">
+
−
<span>Irradiation</span>
+
−
</a>
+
−
</h4>
+
−
</div>
+
−
<div id="content6" class="panel-collapse collapse in">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
<div class="col-md-5 col-md-push-5 col-md-offset-1 col-sm-6 col-sm-push-6 inner-left-xs">
+
−
<figure><img src="assets/images/art/product01.jpg" alt=""></figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section id="blog" class="light-bg">
+
−
<div class="container inner-top-sm inner-bottom">
+
−
<div class="row">
+
−
<div class="col-sm-12">
+
−
<div class="grid-blog col-3 no-sidebar">
+
−
<div class="post format-image">
+
−
<div class="post-content">
+
−
<h2 class="post-title">
+
−
<a href="blog-post.html">QPCR</a>
+
−
</h2>
+
−
<p>(Quantative-Polymerase Chain Reaction)</p>
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
−
<figure class="icon-overlay icn-link post-media">
+
−
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
<div class="post format-image">
+
−
<div class="post-content">
+
−
<h2 class="post-title">
+
−
<a href="blog-post.html">Immunoblotting</a>
+
−
</h2>
+
−
<figure class="icon-overlay icn-link post-media">
+
−
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
−
</figure>
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
−
</div>                                   
+
−
</div>
+
−
<div class="post format-image">
+
−
<div class="post-content">
+
−
<h2 class="post-title">
+
−
<a href="blog-post.html">LCMS</a>
+
−
</h2>
+
−
<p>(Liquid Chromotography Mass-Spe)</p>
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
−
<figure class="icon-overlay icn-link post-media">
+
−
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
−
</figure>
+
−
</div>                                     
+
−
</div>
+
−
<div class="container inner">
+
−
<div class="row">
+
−
<div class="col-xs-12 inner-top">
+
−
<div class="tabs tabs-top tab-container">
+
−
<ul class="etabs text-center">
+
−
<li class="tab"><a href="#tab-3">Evolutionary Competition</a></li>
+
−
</ul>
+
−
<div class="tab-content" id="tab-3">
+
−
<div class="row">
+
−
</div>
+
−
</div>
+
−
<div class="container inner">
+
−
<div class="row">
+
−
<div class="col-md-8 col-sm-9 center-block text-center">
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content10"></a>
+
−
</h4>
+
−
</div>
+
−
<div id="content10" class="panel-collapse collapse in">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-sm-6 inner-top">
+
−
<div id="accordion3" class="panel-group">
+
−
<div class="panel panel-default">  
+
−
<div class="panel-heading text-center">
+
−
<h4 class="panel-title">
+
−
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content11"></a>
+
−
</h4>
+
−
</div>
+
−
<div id="content11" class="panel-collapse collapse in">
+
−
<div class="panel-body">
+
−
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<section class="light-bg">
+
−
<div class="container inner">
+
−
<div class="row">
+
−
<div class="col-md-3 col-sm-6 inner">
+
−
<div class="row thumbs gap-xs">
+
−
<div class="col-xs-12 thumb">
+
−
<figure class="icon-overlay icn-link">
+
−
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 inner">
+
−
<div class="row thumbs gap-xs">
+
−
<div class="col-xs-12 thumb">
+
−
<figure class="icon-overlay icn-link">
+
−
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 inner">
+
−
<div class="row thumbs gap-xs">
+
−
<div class="col-xs-12 thumb">
+
−
<figure class="icon-overlay icn-link">
+
−
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 inner">
+
−
<div class="row thumbs gap-xs">
+
−
<div class="col-xs-12 thumb">
+
−
<figure class="icon-overlay icn-link">
+
−
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
−
</figure>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
</main>
+
−
<footer class="dark-bg">
+
−
<div class="container inner">
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Team</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Background</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Software</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Experimentaion</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Supplementary</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-2 col-sm-6 inner">
+
−
<h4>Engagement</h4>
+
−
<ul class="contacts">
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
<li><a href="#">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="footer-bottom">
+
−
<div class="container inner">
+
−
+
−
<ul class="footer-menu pull-right">
+
−
<li><a href="index.html">Home</a></li>
+
−
<li><a href="">Text here</a></li>
+
−
<li><a href="">Text here</a></li>
+
−
<li><a href="">Text here</a></li>
+
−
<li><a href="">Text here</a></li>
+
−
<li><a href="">Text here</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
</footer>
+
−
+
−
<script type="text/javascript">
+
−
(function()
+
−
{
+
−
      window.setTimeout = window.setTimeout; //
+
−
})();
+
  
−
      var smoothScr = {
+
    <title>Vandy:IGEM</title>
−
      iterr : 15, // set timeout miliseconds ..decreased with 1ms for each iteration
+
 
−
        tm : null, //timeout local variable
+
−
      stopShow: function()
+
−
      {
+
−
        clearTimeout(this.tm); // stopp the timeout
+
−
        this.iterr = 100; // reset milisec iterator to original value
+
−
      },
+
−
      getRealTop : function (el) // helper function instead of jQuery
+
−
      {
+
−
        var elm = el;
+
−
        var realTop = 0;
+
−
        do
+
−
        {
+
−
          realTop += elm.offsetTop;
+
−
          elm = elm.offsetParent;
+
−
        }
+
−
        while(elm);
+
−
        return realTop;
+
−
      },
+
−
      getPageScroll : function()  // helper function instead of jQuery
+
−
      {
+
−
        var pgYoff = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
+
−
        return pgYoff;
+
−
      },
+
−
      anim : function (id) // the main func
+
−
      {
+
−
        this.stopShow(); // for click on another button or link
+
−
        var eOff, pOff, tOff, scrVal, pos, dir, step;
+
  
−
        eOff = document.getElementById(id).offsetTop; // element offsetTop
+
  <link rel="Shortcut Icon" type="image/ico" href="">
  
−
         tOff = this.getRealTop(document.getElementById(id).parentNode); // terminus point
+
   
 +
</head>
 +
<body>
 +
   
 +
    <div class="page-wrapper">
 +
         <header class="header">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <nav class="navbar col-sm-12" role="navigation">
 +
                        <div class="navbar-header">
 +
                            <button type="button" class="navbar-toggle"></button>
 +
                            <a class="brand" href="index.html"><img src="img/logo/logo.png" alt="Vandy:IGEM" ></a>
 +
                        </div>
 +
                        <div class="collapse navbar-collapse">
 +
                            <ul class="nav pull-right">
 +
                              <li><a href="#services">Home</a></li></li>
 +
                              <li><a href="#work">About</a></li></li>
 +
                              <li><a href="#contact">Project</a></li>
 +
                              <li><a href="#contact">Parts</a></li>
 +
                              <li><a href="#contact">Note Book</a></li>
 +
                              <li><a href="#contact">Software</a></li>
 +
                              <li><a href="#contact">Modeling</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </nav>
 +
                </div>
 +
            </div>
 +
        </header>
 +
     
 +
        <section class="header-sub">
 +
            <div id="pt-main" class="page-transitions pt-perspective pt-item-1 pt-first">
 +
                <div class="pt-page pt-page-1 pt-page-current">
 +
                    <div class="background">&nbsp;</div>
 +
                    <div class="caption">
 +
                      <div class="container">
 +
                           
 +
                            <h3>Every Gene Harbors a Vulnerability</h3>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
              <div class="container controls">
 +
                    <a class="control-prev" href="#services"><span class="fui-arrow-down"> </span></a>
 +
                </div>
 +
            </div>
 +
        </section>
 +
          <section id="services" class="services2">
 +
            <div class="container">
 +
                <h3>Algorithm</h3>
 +
                <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
 +
                <h3>&nbsp&nbsp<a>Design</a></h3>
 +
                <h3>&nbsp&nbsp&nbsp<img src="img/icons/downarow.png" alt="" width="72" height="72"></h3>
 +
            </div>
 +
          </section>
 +
        <section id="services" class="services">
 +
            <div class="container">
 +
                <h3>Synthetic DNA Sequences</h3>
 +
             
 +
                <div class="row features">
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarow.png" alt="" width="72" height="72">
 +
                        <h6>Applied</h6>
 +
                        <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
 +
                       
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                       
 +
                        <h6></h6>
 +
                        <p></p>
 +
                        <p></p>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarow.png" alt="" width="72" height="72">
 +
                        <h6>Theortical</h6>
 +
                        <p>WMagnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
 +
                     
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <section id="services" class="services4">
 +
            <div class="container">
 +
                <h3>Counteracting</h3>
 +
              <div class="row features">
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarow.png" alt="" width="72" height="72">
 +
                        <h6>Oxidation</h6>
 +
                        <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
 +
                        <h3><img src="img/icons/downarowright.png" alt="" width="72" height="72"></h3>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                       
 +
                        <h6></h6>
 +
                        <p></p>
 +
                        <p></p>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarow.png" alt="" width="72" height="72">
 +
                        <h6>Irradiation</h6>
 +
                        <p>WMagnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
 +
                        <h3><img src="img/icons/downarrowleft.png" alt="" width="72" height="72"></h3>                     
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <section id="services" class="services3">
 +
            <div class="container">
 +
              <div class="row features">
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarrowlongright.png" alt="" width="72" height="72">
 +
                        <h6>APCR <br>(Quantative-Polymerase Chain Reaction)</h6>
 +
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="img/projects/demomb.png" width="250" height="145">
 +
                        <p>We take over control of your company's social media profiles and engage your audience.</p>
 +
                        <p>You can rest easy knowing that we will represent your brand the way you feel necessary.</p>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                      <img src="img/icons/downarrowlong2.png" alt="" width="72" height="72">
 +
                        <h6>Immunoblotting</h6>
 +
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="img/projects/demomb.png" width="250" height="145">
 +
                        <p>Whether it is a billboard or business card we design high quality graphics to fit your company.</p>
 +
                        <p>Custom graphics can represent your business or idea in the way you envision they should.</p>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                        <img src="img/icons/downarrowlongleft.png" alt="" width="72" height="72">
 +
                        <h6>LCMS<br>(Liquid Chromotography Mass-Spe)</h6>
 +
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="img/projects/demomb.png" width="250" height="145">
 +
                        <p>We insure that your business or ideas are getting to your targeted audience.</p>
 +
                        <p>This roughly translates into more potential customers potentially greater profits.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
          </section>
 +
               
 +
             
 +
            </div>
 +
        </section>
 +
        <section class="featured bg-midnight-blue">
 +
            <div class="container">
 +
                <div class="row features">
 +
                    <h3>Evolutionary Competition</h3>
 +
                    <div class="col-sm-4">
 +
                       
 +
                        <h6></h6>
 +
                        <p>We take over control of your company's social media profiles and engage your audience.</p>
 +
                        <p>You can rest easy knowing that we will represent your brand the way you feel necessary.</p>
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                       
 +
                        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<img src="img/projects/demow.png" width="250" height="145">
 +
                    </div>
 +
                    <div class="col-sm-4">
 +
                       
 +
                        <h6></h6>
 +
                       
 +
                        <p>We insure that your business or ideas are getting to your targeted audience.</p>
 +
                        <p>This roughly translates into more potential customers potentially greater profits.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <section id="work" class="work">
 +
            <div class="container">
 +
                <h3></h3>
 +
                <div class="projects row">
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <a href="#"><img src="img/projects/demomb.png" alt="" width="250" height="200"></a>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <a href="#"><img src="img/projects/demomb.png" alt="" width="250" height="200"></a>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <a href="#"><img src="img/projects/demomb.png" alt="" width="250" height="200"></a>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <a href="#"><img src="img/projects/demomb.png" alt="" width="250" height="200"></a>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <footer>
 +
        <section class="experience bg-midnight-blue">
 +
            <div class="container">
 +
                <div class="projects row">
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Team</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">About</a></li></li>
 +
                              <li><a href="#">Members</a></li></li>
 +
                              <li><a href="#">Attributions</a></li>
 +
                              <li><a href="#">Sponsor</a></li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Background</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">Abstract</a></li></li>
 +
                              <li><a href="#">Introduction</a></li></li>
 +
                              <li><a href="#">Problem!</a></li>
 +
                                    </ul>
 +
                       
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Software</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">Algorithms</a></li></li>
 +
                              <li><a href="#">Sequence Design</a></li></li>
 +
                              <li><a href="#">Performance</a></li>
 +
                                    </ul>
 +
                       
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Experimentation</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">QPCR</a></li></li>
 +
                              <li><a href="#">Immunoblotting</a></li></li>
 +
                              <li><a href="#">LCMS</a></li>
 +
                              <li><a href="#">Evolutionary Competition</a></li>
 +
                                    </ul>
 +
                       
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Supplementary</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">Parts Notebook</a></li></li>
 +
                              <li><a href="#">Protocols</a></li></li>
 +
                                    </ul>
 +
                       
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                          <div class="project-wrapper col-sm-3">
 +
                            <div class="project">
 +
                                <div class="photo-wrapper">
 +
                                    <h3>Engagement</h3>
 +
                                    <ul class="">
 +
                              <li><a href="#">Outreach</a></li></li>
 +
                              <li><a href="#">Collaborations</a></li></li>
 +
                              <li><a href="#">Inter-lab</a></li>
 +
                                    </ul>
 +
                       
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        </footer>
 +
    <script>
 +
    $(document).ready(function() {
 +
        var nice = $("html").niceScroll();
 +
    });
 +
    </script>
 +
    <script>
 +
    $(document).ready(function() {
 +
        $.localScroll();
 +
    });
 +
    </script>
 +
    <script>
 +
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 +
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 +
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 +
        })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
  
−
         pOff = this.getPageScroll(); // page offsetTop
+
         ga('create', 'UA-53650612-1', 'auto');
−
 
+
         ga('send', 'pageview');
−
        if (pOff === null || isNaN(pOff) || pOff === 'undefined') pOff = 0;
+
     </script>
−
 
+
</body>
−
        scrVal = eOff - pOff; // actual scroll value;
+
−
 
+
−
        if (scrVal > tOff)
+
−
        {
+
−
          pos = (eOff - tOff - pOff);
+
−
          dir = 1;
+
−
        }
+
−
        if (scrVal < tOff)
+
−
        {
+
−
          pos = (pOff + tOff) - eOff;
+
−
          dir = -1;
+
−
        }
+
−
         if(scrVal !== tOff)
+
−
        {
+
−
          step = ~~((pos / 4) +1) * dir;
+
−
 
+
−
          if(this.iterr > 1) this.iterr -= 1;
+
−
          else this.itter = 0; // decrease the timeout timer value but not below 0
+
−
          window.scrollBy(0, step);
+
−
          this.tm = window.setTimeout(function()
+
−
          {
+
−
            smoothScr.anim(id); 
+
−
          }, this.iterr);
+
−
        } 
+
−
        if(scrVal === tOff)
+
−
        {
+
−
          this.stopShow(); // reset function values
+
−
          return;
+
−
        }
+
−
     }
+
−
}
+
−
</script>
+
−
</body>
+
 
</html>
 
</html>
−
{{Team:Vanderbilt/assets/js/respond.min.js}}
 
−
{{Team:Vanderbilt/assets/js/html5shiv.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.min.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.easing.1.3.min.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.form.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.validate.min.js}}
 
−
{{Team:Vanderbilt/assets/js/bootstrap.min.js}}
 
−
{{Team:Vanderbilt/assets/js/bootstrap-hover-dropdown.min.js}}
 
−
{{Team:Vanderbilt/assets/js/skrollr.min.js}}
 
−
{{Team:Vanderbilt/assets/js/skrollr.stylesheets.min.js}}
 
−
{{Team:Vanderbilt/assets/js/waypoints.min.js}}
 
−
{{Team:Vanderbilt/assets/js/waypoints-sticky.min.js}}
 
−
{{Team:Vanderbilt/assets/js/owl.carousel.min.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.isotope.min.js}}
 
−
{{Team:Vanderbilt/assets/js/jquery.easytabs.min.js}}
 
−
{{Team:Vanderbilt/assets/js/google.maps.api.v3.js}}
 
−
{{Team:Vanderbilt/assets/js/viewport-units-buggyfill.js}}
 
−
{{Team:Vanderbilt/assets/js/scripts.js}}
 
−
{{Team:Vanderbilt/assets/js/onscroll.js}}
 

Revision as of 12:29, 18 October 2016

Vandy:IGEM

 

Every Gene Harbors a Vulnerability

Algorithm

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

&nbsp&nbspDesign

&nbsp&nbsp&nbsp

Synthetic DNA Sequences

Applied

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

Theortical

WMagnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

Counteracting

Oxidation

Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

Irradiation

WMagnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.

APCR
(Quantative-Polymerase Chain Reaction)
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

We take over control of your company's social media profiles and engage your audience.

You can rest easy knowing that we will represent your brand the way you feel necessary.

Immunoblotting
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

Whether it is a billboard or business card we design high quality graphics to fit your company.

Custom graphics can represent your business or idea in the way you envision they should.

LCMS
(Liquid Chromotography Mass-Spe)
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

We insure that your business or ideas are getting to your targeted audience.

This roughly translates into more potential customers potentially greater profits.

Evolutionary Competition

We take over control of your company's social media profiles and engage your audience.

You can rest easy knowing that we will represent your brand the way you feel necessary.

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

We insure that your business or ideas are getting to your targeted audience.

This roughly translates into more potential customers potentially greater profits.