Team:Penn/HumanPractices

From 2013.igem.org

(Difference between revisions)
 
(68 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
  <head>
+
<head>
-
     <title></title>
+
     <title>Team</title>
-
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
      <link href="https://googledrive.com/host/0B4ZBZOYYKBzEVHRaZEdUVGo5cjA" type="text/css" rel="stylesheet"/>
-
    <!-- Bootstrap and mainstyle css -->
+
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
-
     <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
+
     <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ" type="text/javascript"></script>
-
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
+
<script src="https://googledrive.com/host/0B4ZBZOYYKBzEblVWdXkta245Y0k//" type="text/javascript"> </script> <!--javascript-->
 +
<script>
 +
        $(document).ready(function($) {
-
      
+
/*load in the sidebar*/
 +
$('.left_wrap').load('https://googledrive.com/host/0B4ZBZOYYKBzEclFHMmpZcVlydmc');
 +
 
 +
          });
 +
     </script>
     <style>
     <style>
-
        /*fonts/headings*/
+
                 
-
        h4 {
+
-
            text-align: center;
+
-
        }
+
          
          
-
       
 
-
       
 
-
       
 
-
/*Brady Bunch Table and background section*/
 
-
.team {
 
-
      float: center;
 
-
        margin-left: 200px;
 
-
}
 
-
 
-
.team td {
 
-
    overflow: hidden;
 
-
            height:175px;
 
-
            width:220px;
 
-
            display: inline-block;
 
-
            padding:5px;
 
      
      
-
        }
 
          
          
-
        .hidden { /*change this class when hovered*/
 
-
            display: none;
 
-
        }
 
-
        .team img {
 
-
          max-width:100%;
 
-
    max-height:100%; 
 
-
        }
 
-
       
 
-
.name {
 
-
    position: absolute;
 
-
    margin-bottom: 30px;
 
-
    width: 220px;
 
-
    height: 0px;
 
-
    display: none;
 
-
    background-color: white;
 
-
    margin-top: -50px;
 
-
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 
-
  filter: alpha(opacity=70);
 
-
-moz-opacity: 0.7;
 
-
-khtml-opacity: 0.7;
 
-
  opacity: 0.7;
 
-
}
 
-
 
-
/*navigation circles that scroll when clicked*/
 
-
/*links and navigation*/
 
-
#navigation {
 
-
position: fixed;
 
-
right: 0px;
 
-
top: 20px;
 
-
list-style-type: none;
 
-
z-index: 9999999;
 
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 
-
  filter: alpha(opacity=90);
 
-
-moz-opacity: 0.9;
 
-
-khtml-opacity: 0.9;
 
-
  opacity: 0.9;
 
-
 
-
}
 
-
 
-
#navigation li:hover{
 
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 
-
  filter: alpha(opacity=60);
 
-
-moz-opacity: 0.6;
 
-
-khtml-opacity: 0.6;
 
-
  opacity: 0.6;
 
-
}
 
-
 
-
#navigation li {
 
-
z-index:9999;
 
-
height: 20px;
 
-
margin: 30px;
 
-
width: 20px;
 
-
background-color: white;
 
-
-moz-border-radius: 100%;
 
-
-ms-border-radius: 100%;
 
-
-webkit-border-radius: 100%;
 
-
-o-border-radius: 100%;
 
-
border-radius: 100%;
 
-
opacity: 1;
 
-
}
 
-
 
-
 
-
 
-
/*Make hero unit slightly transparent*/
 
-
.hero-unit {
 
-
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 
-
  filter: alpha(opacity=70);
 
-
-moz-opacity: 0.7;
 
-
-khtml-opacity: 0.7;
 
-
  opacity: 0.7;
 
-
}
 
-
 
-
/*fix up featurette formatting*/
 
-
 
-
.featurette {
 
-
    padding: 50px;
 
-
    margin: 50px;
 
-
    text-align: left;
 
-
}
 
-
 
-
body {
 
-
    text-align: left;
 
-
}
 
-
 
-
.pull-right {
 
-
    float: right;
 
-
    height: 200px;
 
-
    width: auto;
 
-
}
 
-
 
-
.span4 {
 
-
    margin: 40px;
 
-
}
 
-
 
-
.row{
 
-
    float: center;
 
-
    margin: auto;
 
-
}
 
-
 
-
.pull-left {
 
-
    float: left;
 
-
    height: 200px;
 
-
    width: auto;
 
-
}
 
-
 
-
.two featurette {
 
-
    color: white;
 
-
}
 
-
 
-
       
 
-
       
 
-
       
 
-
            /* CUSTOMIZE THE NAVBAR
 
-
    -------------------------------------------------- */
 
-
 
-
    /* Special class on .container surrounding .navbar, used for positioning it into place. */
 
-
    .navbar-wrapper {
 
-
      position: absolute;
 
-
      top: 0;
 
-
      left: 0;
 
-
      right: 0;
 
-
      z-index: 10;
 
-
      margin-top: 20px;
 
-
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
 
-
    }
 
-
    .navbar-wrapper .navbar {
 
-
 
-
    }
 
-
 
-
    /* Remove border and change up box shadow for more contrast */
 
-
    .navbar .navbar-inner {
 
-
      border: 0;
 
-
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 
-
        -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
 
-
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
 
-
    }
 
-
 
-
    /* Downsize the brand/project name a bit */
 
-
    .navbar .brand {
 
-
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
 
-
      font-size: 16px;
 
-
      font-weight: bold;
 
-
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
 
-
    }
 
-
 
-
    /* Navbar links: increase padding for taller navbar */
 
-
    .navbar .nav > li > a {
 
-
      padding: 15px 20px;
 
-
    }
 
-
 
-
    /* Offset the responsive button for proper vertical alignment */
 
-
    .navbar .btn-navbar {
 
-
      margin-top: 10px;
 
-
    }
 
-
   
 
     </style>
     </style>
-
  </head>
+
</head>
-
  <body>
+
<body>
 +
<img src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" id="igem"/><!--igem logo-->
 +
<img src="http://collegediabetesnetwork.org/wp-content/uploads/2012/07/UPenn_logo1.png" id="penn"/> <!--penn logo-->
 +
  <div class="left_wrap">
 +
 
 +
 
      
      
      
      
-
       
+
-
    <div class="navbar-wrapper">
+
                  <a href="https://2013.igem.org/Team:Penn/HumanPractices"><li class="active" style="background-color: rgb(200,200,215);">human practices</li></a>
-
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
+
<a href="https://2013.igem.org/Team:Penn/Notebook"><li>notebook</li></a>
-
      <div class="container">
+
        </ul>
 +
  <div class="section-title">human practices</div>
 +
    </div>  
-
        <div class="navbar navbar-inverse">
 
-
          <div class="navbar-inner">
 
-
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
 
-
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
              <span class="icon-bar"></span>
 
-
            </button>
 
-
            <a class="brand" href="https://2013.igem.org/Team:Penn">Penn's iGEM Team</a>
 
-
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
 
-
            <div class="nav-collapse collapse">
 
-
              <ul class="nav">
 
-
             
 
-
                <!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                    <li><a id="team">Team</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</a></li>
 
-
                    <li><a href="https://igem.org/Team.cgi?id=1128">Official Team Profile</a></li>
 
-
                    <!--<li class="divider"></li>
 
-
                    <li class="nav-header">Nav header</li>
 
-
                    <li><a href="#">Separated link</a></li>
 
-
                    <li><a href="#">One more separated link</a></li>-->
 
-
                  </ul>
 
-
                </li>
 
-
                <li><a href="https://2013.igem.org/Team:Penn/HumanPractices">Human Practices</a></li>
 
-
<li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
 
-
                <li class="dropdown">
 
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
 
-
                  <ul class="dropdown-menu">
 
-
                 
 
-
                    <li><a href="https://2013.igem.org/Team:Penn/Project">Project</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:Penn/Parts">Parts</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:Penn/Modeling">Modeling</a></li>
 
-
                    <li><a href="https://2013.igem.org/Team:Penn/Safety">Safety</a></li>
 
-
                  </ul>
 
-
                </li>
 
-
              </ul>
 
-
            </div><!--/.nav-collapse -->
 
-
          </div><!-- /.navbar-inner -->
 
-
        </div><!-- /.navbar -->
 
-
      </div> <!-- /.container -->
 
-
    </div><!-- /.navbar-wrapper -->
 
-
   
 
-
   
 
-
   
 
-
    <!--Circles on the side that scroll you to sections of the page-->
 
-
<ul id="navigation">
 
-
<li id="one"></li>
 
-
<li id="two"></li>
 
-
<li id="three"></li>
 
-
<li id="four"></li>
 
-
</ul>
 
-
   
 
-
   
 
-
<!--general human practices overview-->
 
-
   
 
-
<div class="hero-unit">
 
-
  <h1>Human Practices</h1>
 
-
  <p><!--Tagline goes here--></p>
 
-
  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
 
-
    <!--<a class="btn btn-primary btn-large">
 
-
      Learn more-->
 
-
    </a>
 
-
  </p>
 
-
</div><!--end hero unit-->
 
-
  <hr class="featurette-divider">
+
    <div class="section1" style="background-position: top;">
-
 
+
         <div class="text">
-
<div class="row">
+
            Is Epigenetic Engineering Safe? <br><br>
-
        <div class="span4">
+
Read our thoughts on the matter, in our editorial(link) in the Penn Bioethics Journal, the premiere expert-reviewed undergraduate bioethics journal (publication forthcoming) <br>
-
          <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;">
+
We spread the word about synthetic biology and iGEM at numerous outreach events! <br>
-
          <h2>First Section</h2>
+
-
          <p>This is a brief overview of the a section of the page.  Clicking the image or "more" will scroll down to that section</p>
+
-
          <p><a class="btn" href="">More &raquo;</a></p>
+
-
         </div><!-- /.span4 -->
+
-
   
+
-
                <div class="span4">
+
-
          <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;">
+
-
          <h2>Second Section</h2>
+
-
          <p>This is a brief overview of the a section of the page.  Clicking the image or "more" will scroll down to that section</p>
+
-
          <p><a class="btn" href="">More &raquo;</a></p>
+
-
        </div><!-- /.span4 -->
+
-
           
+
-
     
+
-
       
+
-
            <div class="span4">
+
-
          <img class="img-circle" data-src="holder.js/140x140" alt="140x140" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg" style=" height:140px;">
+
-
          <h2>Third Section</h2>
+
-
          <p>This is a brief overview of the a section of the page.  Clicking the image or "more" will scroll down to that section</p>
+
-
          <p><a class="btn" href="">More &raquo;</a></p>
+
-
        </div><!-- /.span4 -->
+
-
 
+
-
     
+
         </div>
         </div>
-
</div>
+
     </div>
-
 
+
-
 
+
-
 
+
-
<div class="two">
+
-
     <div class="hero-unit">
+
-
  <h1>Outreach</h1>
+
-
  <p><!--Tagline goes here--></p>
+
-
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+
-
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+
-
  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+
-
  in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
+
-
  sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+
-
    <!--<a class="btn btn-primary btn-large">
+
-
      Learn more-->
+
-
    </a>
+
-
  </p>
+
-
</div><!--end hero unit-->
+
-
 
+
-
  <hr class="featurette-divider">
+
      
      
-
      <div class="featurette" style="color:white;">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 
-
        <h2 class="featurette-heading">Outreach 1 <span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.
 
-
        Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
      <hr class="featurette-divider">
 
-
      <div class="featurette" style="color:white;">
+
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
+
</body>
-
        <h2 class="featurette-heading"> Outreach 2<span class="muted"><!--tagline-->.</span></h2>
+
<script>
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
-
      </div>
+
        
        
-
      <hr class="featurette-divider">
 
-
 
-
      <div class="featurette" style="color:white">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 
-
        <h2 class="featurette-heading">Outreach 3<span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
     
 
-
 
-
 
-
</div><!--/div class 2-->
 
-
</div>
 
-
 
-
 
-
<div class="three"><!--another section-->
 
-
    <div class="hero-unit">
 
-
  <h1>Section 3</h1>
 
-
  <p><!--Tagline goes here--></p>
 
-
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 
-
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
 
-
  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
 
-
  in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
 
-
  sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
 
-
    <!--<a class="btn btn-primary btn-large">
 
-
      Learn more-->
 
-
    </a>
 
-
  </p>
 
-
</div><!--end hero unit-->
 
-
 
-
 
-
 
-
  <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading">Heading 1 <span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
      <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading"> Heading 2<span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
      <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading">Heading 3<span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
     
 
-
 
-
 
-
</div><!--/div class 3-->
 
-
 
-
<div class="four"><!--another section-->
 
-
    <div class="hero-unit">
 
-
  <h1>Section 4</h1>
 
-
  <p><!--Tagline goes here--></p>
 
-
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 
-
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
 
-
  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
 
-
  in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
 
-
  sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
 
-
    <!--<a class="btn btn-primary btn-large">
 
-
      Learn more-->
 
-
    </a>
 
-
  </p>
 
-
</div><!--end hero unit-->
 
-
 
-
 
-
  <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading">Heading 1 <span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
      <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading"> Heading 2<span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
     
 
-
      <hr class="featurette-divider">
 
-
 
-
      <div class="featurette">
 
-
        <img class="featurette-image pull-right" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg">
 
-
        <h2 class="featurette-heading">Heading 3<span class="muted"><!--tagline-->.</span></h2>
 
-
        <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
 
-
      </div>
 
-
</div><!--/div class 4-->
 
-
 
-
</div>
 
-
 
-
 
-
   
 
-
   
 
-
   
 
-
   
 
-
   
 
-
   
 
-
   
 
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
 
-
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
 
-
   
 
-
    <script src="../assets/js/jquery.js"></script>
 
-
    <script src="../assets/js/bootstrap-transition.js"></script>
 
-
    <script src="../assets/js/bootstrap-alert.js"></script>
 
-
    <script src="../assets/js/bootstrap-modal.js"></script>
 
-
    <script src="../assets/js/bootstrap-dropdown.js"></script>
 
-
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
 
-
    <script src="../assets/js/bootstrap-tab.js"></script>
 
-
    <script src="../assets/js/bootstrap-tooltip.js"></script>
 
-
    <script src="../assets/js/bootstrap-popover.js"></script>
 
-
    <script src="../assets/js/bootstrap-button.js"></script>
 
-
    <script src="../assets/js/bootstrap-collapse.js"></script>
 
-
    <script src="../assets/js/bootstrap-carousel.js"></script>
 
-
    <script src="../assets/js/bootstrap-typeahead.js"></script>
 
-
    <script>
 
-
      !function ($) {
 
-
        $(function(){
 
-
                 
 
-
          $("#one").click(function() {
 
-
        $('html, body').animate({
 
-
        scrollTop: $(".one").offset().top,
 
-
    }, '2400');
 
-
});
 
-
   
 
-
      $("#two").click(function() {
 
-
        $('html, body').animate({
 
-
        scrollTop: $(".two").offset().top,
 
-
    }, '2400');
 
-
});
 
-
     
 
-
          $("#three").click(function() {
 
-
        $('html, body').animate({
 
-
        scrollTop: $(".three").offset().top,
 
-
    }, '2400');
 
-
       
 
-
              $("#four").click(function() {
 
-
        $('html, body').animate({
 
-
        scrollTop: $(".four").offset().top,
 
-
    }, '2400');
 
-
});
 
-
             
 
-
         
 
-
       
 
-
       
 
-
      }(window.jQuery)
 
     </script>
     </script>
-
    <script src="../assets/js/holder/holder.js"></script>
 
-
  </body>
 
</html>
</html>

Latest revision as of 20:11, 23 September 2013

Team

  • human practices
    •
  • notebook
    •
    human practices
    Is Epigenetic Engineering Safe?

    Read our thoughts on the matter, in our editorial(link) in the Penn Bioethics Journal, the premiere expert-reviewed undergraduate bioethics journal (publication forthcoming)
    We spread the word about synthetic biology and iGEM at numerous outreach events!

    Retrieved from "http://2013.igem.org/Team:Penn/HumanPractices"