Team:Penn/HumanPractices

From 2013.igem.org

(Difference between revisions)
Line 78: Line 78:
             opacity: 1;
             opacity: 1;
         }
         }
 +
       
 +
        .img-span {
 +
    overflow: hidden;
 +
    height: 100px;
 +
    width: 100%;
 +
}
          
          
          
          
Line 157: Line 163:
</div>
</div>
      
      
 +
<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
 +
     <!--First section-->
     <!--First section-->
     <div class="section" id="first-section">
     <div class="section" id="first-section">
Line 189: Line 199:
      
      
      
      
 +
<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
      
      
     <div class="section" id="second-section">
     <div class="section" id="second-section">
Line 221: Line 234:
      
      
      
      
 +
<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
      
      
     <div class="section" id="third-section">
     <div class="section" id="third-section">
Line 256: Line 272:
    
    
    
    
 +
</html>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!------------------------->
 +
 +
<html>
 +
  <head>
 +
    <title></title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <!-- Bootstrap and mainstyle css -->
 +
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEeUFaR1lNWFZWMnc" rel="stylesheet" media="screen">
 +
    <link href="https://googledrive.com/host/0B4ZBZOYYKBzEYUtsRS1ZWHM2bTQ" type="text/css" rel="stylesheet"/>
 +
  <script src="https://googledrive.com/host/0B4ZBZOYYKBzETkFqdnhMeV9fMzA" ></script>
 +
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEZTdBSFdUV19LYjQ"></script>
 +
    <script src="https://googledrive.com/host/0B4ZBZOYYKBzEOFVQV0ZLWEZqN2M"></script>
 +
 +
        <script>
 +
    jQuery(document).ready(function($) {
 +
       
 +
            $("#first").mouseenter(function(){
 +
            $("#first-text").css("display", "inline-block");
 +
          $("#first-text").animate({
 +
            width: "200px"
 +
            });
 +
            });
 +
           
 +
              $("#first").mouseleave(function(){
 +
            $("#first-text").hide();
 +
          $("#first-text").animate({
 +
            width: "10px"
 +
            });
 +
            });
 +
             
 +
                  $("#second").mouseenter(function(){
 +
            $("#second-text").css("display", "inline-block");
 +
          $("#second-text").animate({
 +
            width: "200px"
 +
            });
 +
            });
 +
           
 +
              $("#second").mouseleave(function(){
 +
            $("#second-text").hide();
 +
          $("#second-text").animate({
 +
            width: "10px"
 +
            });
 +
            });
 +
             
 +
                  $("#third").mouseenter(function(){
 +
            $("#third-text").css("display", "inline-block");
 +
          $("#third-text").animate({
 +
            width: "200px"
 +
            });
 +
            });
 +
           
 +
              $("#third").mouseleave(function(){
 +
            $("#third-text").hide();
 +
          $("#third-text").animate({
 +
            width: "10px"
 +
            });
 +
            });
 +
       
 +
              $(".img-wrapper #first").mouseclick(function(){
 +
                $('html, body').animate({
 +
        scrollTop: $("#first-section").offset().top,
 +
    }, '2400');
 +
                });
 +
           
 +
            /*put in same for other sections*/
 +
           
 +
           
 +
       
 +
           
 +
            $(".hero-unit").click(function(){
 +
                $(this).fadeOut();
 +
                });
 +
 +
 +
});
 +
    </script>
 +
 +
 +
   
 +
    <style>
 +
        /*fonts/headings*/
 +
        h4 {
 +
            text-align: center;
 +
        }
 +
       
 +
 +
/*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;
 +
width: 300px;
 +
 +
position: relative;
 +
display: inline-block;
 +
margin-left: 600px;
 +
margin-top: -500px;
 +
}
 +
 +
/*fix up featurette formatting*/
 +
/*
 +
.featurette {
 +
    padding: 50px;
 +
    margin: 50px;
 +
    text-align: left;
 +
}
 +
 +
body {
 +
    text-align: left;
 +
}
 +
 +
.pull-right {
 +
    float: right;
 +
    height: 100px;
 +
    width: auto;
 +
}
 +
*/
 +
.span4 {
 +
    display: block;
 +
    position: relative;
 +
    height: 50px;
 +
    margin:20px;
 +
    border-radius: 0px;
 +
    float: left;
 +
}
 +
 +
 +
 +
/*fonts*/
 +
.lead {
 +
    font-size: 13px;
 +
}
 +
 +
.featurette p {
 +
    font-size: 13px;
 +
   
 +
}
 +
 +
.text {
 +
    height: 40px;
 +
    width: 50px;
 +
    background-color: rgb(200,200,200);
 +
    border-radius: 6px;
 +
    text-align: right;
 +
    margin-left: -30px;
 +
    padding: 3px;
 +
    display: none;
 +
 +
}
 +
 +
 +
 +
.img-side-wrapper {
 +
    height: 500px;
 +
    width: 400px;
 +
    margin-top: 200px;
 +
    margin-left: 200px;
 +
}
 +
 +
.img-wrapper {
 +
    height: 80px;
 +
    width: 80px;
 +
    border-radius: 100%;
 +
    z-index: 99;
 +
    overflow:hidden;
 +
    display: inline-block;
 +
}
 +
 +
.img-text-wrapper {
 +
    height: 140px;
 +
    width: 300px;
 +
    margin-top: -50px;
 +
   
 +
}
 +
.img-wrapper img {
 +
    display: inline-block;
 +
    height: 90px;
 +
    width: auto;
 +
 +
   
 +
}
 +
 +
#min-width {
 +
    min-width: 1000px;
 +
    height: 500px;
 +
}
 +
 +
.img-span {
 +
    overflow: hidden;
 +
    height: 100px;
 +
    width: 100%;
 +
}
 +
   
 +
        .span4 {
 +
        text-align: justify;
 +
        margin-left: 50px;
 +
    }
 +
   
 +
 +
#rowfirst {
 +
    display: relative;
 +
    margin-top: 450px;
 +
}
 +
       
 +
            /* 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;
 +
    }
 +
   
 +
    .img1 img {
 +
        height: 400px;
 +
        width: auto;
 +
    }
 +
    .img1 {
 +
        height: 400px;
 +
        width: 600px;
 +
        margin-top: 80px;
 +
        float: right;
 +
        overflow: hidden;
 +
    }
 +
 +
    </style>
 +
  </head>
 +
  <body>
 +
   
 +
   
 +
       
 +
      <div class="navbar-wrapper">
 +
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
 +
      <div class="container">
 +
 +
        <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 href="https://2013.igem.org/Team:Penn/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 class="active"><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 id="min-width">
 +
        <!--
 +
 
 +
<div class="hero-unit">
 +
  <h1>Human Practices</h1>
 +
  <p><!--Tagline goes here--></p>
 +
<!-- <p>Welcome to our page on human practices!  We're under construction right now, but check back to this page soon so you can see what awesome stuff we've been doing!  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-->
 +
 +
<div class="img-side-wrapper">
 +
   
 +
<div class="img-text-wrapper">
 +
<div class="img-wrapper">
 +
  <a href="#first-sect"><img id="first" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></a>
 +
    </div><!--img wrapper-->
 +
    <div class="text" id="first-text">
 +
        <h4>First Section</h4>
 +
    </div>
 +
    </div>
 +
 +
    <div class="img-text-wrapper">
 +
    <div class="img-wrapper">
 +
  <a href="#second-sect"><img id="second" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></a>
 +
    </div><!--img wrapper-->
 +
    <div class="text" id="second-text">
 +
        <h4>Second Section</h4>
 +
    </div>
 +
    </div>
 +
 +
    <div class="img-text-wrapper">
 +
    <div class="img-wrapper">
 +
  <a href="#third-sect"><img id="third" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></a>
 +
    </div><!--img wrapper-->
 +
    <div class="text" id="third-text">
 +
        <h4>Third Section</h4>
 +
    </div>
 +
    </div>
 +
 +
   
 +
</div>
 +
 +
    <div class="hero-unit" id="hero-unit">
 +
  <h1>Human Practices</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-->
 +
 +
  </div>
 +
 +
<!--
 +
  <hr class="featurette-divider">
 +
<div class="img-side-wrapper">
 +
   
 +
        <a href="#"><div class="span4">
 +
          <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;">
 +
        </div></a>
 +
       
 +
        <div class="text"><h2>First Section</h2>
 +
          <p>  </p>
 +
        </div>
 +
 +
   
 +
              <a href="#"> <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;">
 +
                </div></a>
 +
                <div class="text"><h2>Second Section</h2>
 +
          <p> </p>
 +
        </div>
 +
 +
           
 +
     
 +
       
 +
          <a href="#"> <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;">
 +
            </div></a>
 +
            <div class="text"><h2>Third Section</h2>
 +
          <p>  </p>
 +
        </div>
 +
      </div>
 +
-->
 +
     
 +
   
 +
<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
 +
   
 +
</div>
 +
<div class="four" id="first-sect">
 +
    <div class="span4">
 +
  <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>
 +
 +
  <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
 
 +
 +
</div>
 +
 +
<div class="img1"><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></div>
 +
 +
     
 +
     
 +
 +
 +
</div>
 +
 +
 +
<<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
 +
   
 +
</div>
 +
<div class="four" id="second-sect">
 +
    <div class="span4">
 +
  <h1>Section 2</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>
 +
 +
  <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
 
 +
 +
</div>
 +
 +
<div class="img1"><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></div>
 +
 +
     
 +
     
 +
 +
 +
</div>
 +
 +
<div class="img-span">
 +
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
</div>
 +
   
 +
</div>
 +
<div class="four" id="third-sect">
 +
    <div class="span4">
 +
  <h1>Third Section</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>
 +
 +
  <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
 
 +
 +
</div>
 +
 +
<div class="img1"><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></div>
 +
 +
     
 +
     
 +
 +
 +
</div>
 +
</div>
 +
   
 +
   
 +
  </body>
</html>
</html>

Revision as of 18:52, 19 July 2013

Penn's iGEM Team

Human Practices

Lorem ipsum dolor sit amet.

First Section

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

Second Section

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

Third Section

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






Penn's iGEM Team

First Section

Second Section

Third Section

Human Practices

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

Outreach

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

<

Section 2

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

Third Section

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

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