Team:Penn/HumanPractices

From 2013.igem.org

(Difference between revisions)
Line 14: Line 14:
          
          
         $('body').scrollspy({ target: '#nav-circles' });
         $('body').scrollspy({ target: '#nav-circles' });
-
$("#one").click(function() {
+
       
 +
        $("#one").click(function() {
         $('html, body').animate({
         $('html, body').animate({
         scrollTop: $("#top").offset().top,
         scrollTop: $("#top").offset().top,
Line 43: Line 44:
         /*hero unit positioning*/
         /*hero unit positioning*/
         #text {
         #text {
-
            margin-left: 20px;
+
                      align: center;
 +
float: center;
             padding: 50px;
             padding: 50px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-top: 40px;
 +
width: 400px;
 +
overflow: hidden;
              
              
         }
         }
Line 55: Line 62:
             z-index: 9999;
             z-index: 9999;
         }
         }
 +
   
          
          
-
         #nav-circles li {
+
         #nav-circles li, #icon  {
 +
            overflow: hidden;
             display: block;
             display: block;
             height: 30px;
             height: 30px;
Line 62: Line 71:
             border-radius: 100%;
             border-radius: 100%;
             margin:10px;
             margin:10px;
-
 
+
            padding:3px;
             top: 100px;
             top: 100px;
             right: 100px;
             right: 100px;
Line 78: Line 87:
             width: 100%;
             width: 100%;
             margin-top: 100px;
             margin-top: 100px;
-
            margin-left: 5px;
 
         }
         }
          
          
Line 84: Line 92:
             height: 150px;
             height: 150px;
             width: 150px;
             width: 150px;
 +
            position: static;
 +
              -moz-border-radius: 100%;
 +
    -webkit-border-radius: 100%;
 +
    -khtml-border-radius: 100%;
 +
            border-radius: 100%;
 +
            overflow: hidden;
 +
            background-size: 300px;
 +
            background-position: -70px -20px;
 +
           
 +
            display: inline-block;
 +
           
 +
        }
 +
       
 +
        .span_smaller {
 +
            font-family: arial, sans-serif;
 +
            text-align: center;
 +
            height: 100px;
 +
            width: 100px;
             position: relative;
             position: relative;
               -moz-border-radius: 100%;
               -moz-border-radius: 100%;
Line 93: Line 119:
             background-position: -70px -20px;
             background-position: -70px -20px;
             opacity: .7;
             opacity: .7;
-
             margin: 50px;
+
             margin: 25px;
 +
            margin-top: 0px;
             display: inline-block;
             display: inline-block;
              
              
Line 100: Line 127:
         .span4 img {
         .span4 img {
             height: 150px;
             height: 150px;
 +
         
 +
            position: relative;
 +
        }
 +
       
 +
                .span4:hover {
 +
            opacity: 1;
 +
        }
 +
                        .span_smaller:hover {
 +
            opacity: 1;
 +
        }
 +
       
 +
        .span_smaller img {
 +
            height: 100px;
            
            
             position: relative;
             position: relative;
Line 111: Line 151:
     overflow: hidden;
     overflow: hidden;
     height: 100px;
     height: 100px;
-
    width: 100%;
+
width: 100%;
-
    margin: auto;
+
background-size: 100%;
-
     background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
+
     background-image: url("https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/uN-wv6h07i/Unified%20Artwork%20Styles%20Here/science%21%21%21/20130513135201-0.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg");
-
    background-attachment: fixed;
+
-
    background-size: 100%;
+
     background-repeat: no-repeat;
     background-repeat: no-repeat;
 +
    background-position: center;
 +
    position: relative;
 +
margin-left: 0px;
 +
margin-top: 20px;
 +
margin-bottom: 20px;
}
}
-
.hero-unit{
+
a {
-
    margin-top:10px;
+
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 +
  filter: alpha(opacity=80);
 +
-moz-opacity: 0.8;
 +
-khtml-opacity: 0.8;
 +
  opacity: 0.8;
}
}
 +
 +
a:hover {
 +
    opacity: 1;
 +
    text-decoration: none;
 +
}
 +
 +
    .figure {
 +
        float: left;
 +
        margin: 7px;
 +
    display: inline;
 +
    max-height: 400px;
 +
    max-width: 400px;
          
          
 +
    }
 +
    .clear { clear:both;} /*add a clear div if formatting gets weird because of float*/
 +
         
 +
      .caption {
 +
        font-size: 10px;
 +
        font-family: arial;
 +
      margin-bottom: 15px;
 +
        line-height: 10px;
 +
text-align: center;
 +
 +
      }
 +
     
 +
      .caption2 {
 +
        font-size: 10px;
 +
        font-family: arial;
 +
        position: relative;
 +
        left: -150px;
 +
        top:-10px;
 +
 +
        line-height: 10px;
 +
text-align: left;
 +
float: left;
 +
      }
     </style>
     </style>
   </head>
   </head>
    
    
-
     <body data-spy="scroll" data-target="#nav-circles">
+
     <body>
-
     
+
        <div class="navbar-wrapper">
-
  <div class="navbar-wrapper">
+
       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
       <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
       <div class="container">
       <div class="container">
Line 145: Line 226:
               <ul class="nav">
               <ul class="nav">
                
                
-
                 <li><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li>
+
                 <li class="active"><a href="https://2013.igem.org/Team:Penn">Penn iGEM</a></li>
                 <li class="dropdown">
                 <li class="dropdown">
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">About <b class="caret"></b></a>
Line 152: Line 233:
                     <li><a href="https://2013.igem.org/Team:Penn/Sponsors">Sponsors</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><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>
                   </ul>
                 </li>
                 </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/HumanPractices">Human Practices</a></li>
<li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
<li><a href="https://2013.igem.org/Team:Penn/Notebook">Notebook</a></li>
                 <li class="dropdown">
                 <li class="dropdown">
Line 181: Line 259:
<div id="nav-circles">
<div id="nav-circles">
<ul class="nav">
<ul class="nav">
-
       
+
<a href="#top"><li id="one"></li></a>
-
<a href="#top"><li></li></a>
+
<a id="two" href="#first-section"><li style="background-image:url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a>
-
<a href="#first-section"><li></li></a>
+
<a id="three" href="#second-section"><li style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a>
-
<a href="#second-section"><li></li></a>
+
<a id="four" href="#third-section"><li style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); background-size: 200%;"></li></a>
-
<a href="#third-section"><li></li></a>
+
</ul>
</ul>
     </div>
     </div>
-
 
+
    <!--<div id="top">-->
 +
       
 +
<!--circle buttons in banner-->
 +
<!--<div class="row" style="position: relative !important;margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 100px; margin-top: 30px; overflow: hidden; ">
 +
      <a id="two" href="#first-section">
 +
<div class="span_smaller" style="float: left; margin:  0px 0px 70px 70px; background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');">
 +
        <h3 style="margin-top:30px; color:#380060">Abstract<h3></div><!-- /.span4 </a>
 +
       
 +
      <!-- <a id="three" href="#second-section"><div class="span_smaller" style="align: center; float: center;  margin: 0px 0px 70px 70px; display: inline-block;background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/0RorW85BOS/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2733.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); ">
 +
        <h3 style="margin-top:30px; color:#380060;">Methods</h3></div><!-- /.span4 </a>
 +
       
 +
      <!-- <a id="four" href="#third-section"><div class="span_smaller" style="margin: 0px 0px 70px 70px; background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');">
 +
        <h3 style="margin-top:30px; color:#380060;">Results</h3></div><!-- /.span4 </a>
 +
        </div><!--/row-->
 +
       
 +
 +
</div>
 +
   
 +
   
     <!--First section-->
     <!--First section-->
     <div class="section" id="first-section">
     <div class="section" id="first-section">
          
          
-
    <div class="row">
+
<div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
+
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
+
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
+
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 --></div>
         </div><!-- /.span4 --></div>
-
     
 
-
     
 
     <!--first hero unit-->
     <!--first hero unit-->
     <div class="hero-unit" id="text">
     <div class="hero-unit" id="text">
-
        <h4>First Section</h4>
+
      <div id="icon"><img src="http://images.wikia.com/arresteddevelopment/images/7/77/Icon-summary.png"/></div> <h4></h4>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
         <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
   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
   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
+
   in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/"
 +
  class="figure"/><p class="caption">This is a caption</p><p>Excepteur
   sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
   sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
 +
          <div class="hero-unit" id="text">
 +
            <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.<img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/"
 +
  class="figure"/><p class="caption">This is a caption</p>
     </div>
     </div>
</div>
</div>
-
      </div>
 
      
      
-
<div class="img-span">
+
<!--<div class="img-span">
-
</div>
+
</div>-->
      
      
-
    <div class="section" id="second-section">
+
<div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-
       
+
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
-
           
+
-
    <div class="row">
+
-
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
+
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
+
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
+
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 --></div>
         </div><!-- /.span4 --></div>
-
 
        
        
     <!--first hero unit-->
     <!--first hero unit-->
     <div class="hero-unit" id="text">
     <div class="hero-unit" id="text">
-
        <h4>Second Section</h4>
+
      <div id="icon"> <img src="http://clipartist.info/www/TATARTIST.NET/L/lab_icon_test_tube_2_black_white_line_art_tatoo_tattoo-555px.png"/></div><h4>Section 2</h4>
 +
      <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/jtmF8YkJ_P/device%20photo.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/><p class="caption">This is a caption</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. </p>
 +
    </div>
 +
    <div class="hero-unit" id="text">
 +
        <img class="figure" src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/FsZxKlaNDL/Screen%20shot%202013-05-31%20at%2015.29.53.png?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
         <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
   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
+
   exercitation </p>
-
  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</p>
+
     </div>
     </div>
 +
      </div><div class="clear"></div>
 +
   
      
      
     </div> <!--endsection-->
     </div> <!--endsection-->
Line 255: Line 356:
      
      
      
      
-
<div class="img-span">
+
<!--<div class="img-span">
-
</div>
+
</div>-->
      
      
     <div class="section" id="third-section">
     <div class="section" id="third-section">
          
          
-
            <div class="row">
+
      <div align="center" class="row" style="position: relative; margin-left: auto; margin-right: auto; display: block; width: 600px; max-height: 200px; margin-top: 170px; margin-bottom: 40px; overflow: hidden; position: static; white-space: nowrap;">
-
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 5%;">
+
       <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/9E2cXZezHT/Discovery%20Day%20Clark%20Park/IMG_2055.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); left: 15%;">
+
     <div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/7LfqJB0eR9/Discovery%20Day%20Clark%20Park/IMG_2038.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/WTlON78GgW/IMG_0264.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 -->
         </div><!-- /.span4 -->
-
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg');left: 30%;">
+
<div class="span4" style="background-image: url('https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/MeiwwAmxBW/Discovery%20Day%20Clark%20Park/IMG_2057.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg'); margin: 0px 25px 0px 25px;">
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
           <!--<img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/APrj2Se2i-/Lynch%20Labs%20PGFI/BE_LynchLabGroup_DSC2811.jpg?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>-->
         </div><!-- /.span4 --></div>
         </div><!-- /.span4 --></div>
-
   
+
       
 +
       
 +
     <!--first hero unit-->
     <!--first hero unit-->
     <div class="hero-unit" id="text">
     <div class="hero-unit" id="text">
-
         <h4>Third Section</h4>
+
         <div id="icon"><img src="http://c.dryicons.com/images/icon_sets/symbolize_icons_set/png/128x128/chart.png"/></div><h4>Section 3</h4>
 +
        <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. <img src="https://googledrive.com/host/0B4ZBZOYYKBzEdTRvdHVIRDI0OWM/"
 +
  class="figure"/><p class="caption">This is a caption</p><p>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</p>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
         <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</p>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <img class="figure" src="https://googledrive.com/host/0B4ZBZOYYKBzESTd1bnpoX0hWNzA"/><p class="caption">This is a caption</p><p>tempor
   incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
   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
   exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
Line 281: Line 395:
     </div>
     </div>
      
      
-
     </div> <!--endsection-->    
+
   
 +
     </div> <!--endsection-->
          
          
     </body>
     </body>

Revision as of 17:39, 4 August 2013

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.

This is a caption

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

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.

This is a caption

Section 2

This is a caption

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.

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

Section 3

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.

This is a caption

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

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

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

This is a caption

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"