Team:Penn/HumanPractices

From 2013.igem.org

(Difference between revisions)
Line 180: Line 180:
     height: 40px;
     height: 40px;
     width: 50px;
     width: 50px;
-
     background-color: gray;
+
     background-color: rgb(200,200,200);
     border-radius: 6px;
     border-radius: 6px;
     text-align: right;
     text-align: right;
Line 194: Line 194:
     height: 500px;
     height: 500px;
     width: 400px;
     width: 400px;
-
     margin-top: 300px;
+
     margin-top: 200px;
     margin-left: 200px;
     margin-left: 200px;
}
}
Line 224: Line 224:
     min-width: 1000px;
     min-width: 1000px;
     height: 500px;
     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
             /* CUSTOMIZE THE NAVBAR
Line 270: Line 286:
     }
     }
      
      
 +
    .img1 img {
 +
        height: 400px;
 +
        width: auto;
 +
    }
 +
    .img1 {
 +
        height: 400px;
 +
        width: 600px;
 +
        margin-top: 80px;
 +
        float: right;
 +
        overflow: hidden;
 +
    }
-
#rowfirst {
 
-
    display: relative;
 
-
    margin-top: 450px;
 
-
}
 
     </style>
     </style>
   </head>
   </head>
Line 438: Line 461:
        
        
      
      
-
 
+
<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="four" id="first-sect">
-
     <div class="hero-unit">
+
     <div class="span4">
   <h1>Outreach</h1>
   <h1>Outreach</h1>
   <p><!--Tagline goes here--></p>
   <p><!--Tagline goes here--></p>
Line 454: Line 479:
     </a>
     </a>
   </p>
   </p>
-
</div><!--end hero unit-->
+
 +
  <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>
-
  <hr class="featurette-divider">
 
-
   
 
-
      <div class="featurette" id="rowfirst">
 
-
      <div class="span5">    <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></div>
 
-
     
 
-
      <hr class="featurette-divider">
 
        
        
        
        
Line 473: Line 494:
-
<div class="three" id="second-sect"><!--another section-->
+
<<div class="img-span">
-
     <div class="hero-unit">
+
    <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>
   <h1>Section 2</h1>
   <p><!--Tagline goes here--></p>
   <p><!--Tagline goes here--></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
   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 486: Line 512:
     </a>
     </a>
   </p>
   </p>
-
</div><!--end hero unit-->
+
 +
  <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>
-
  <hr class="featurette-divider">
 
-
 
-
      <div class="featurette" id="rowfirst">
 
-
        <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><!--/div class 3-->
+
</div>
-
<div class="four" id="third-sect"><!--another section-->
+
<div class="img-span">
-
     <div class="hero-unit">
+
    <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
-
   <h1>Section 3</h1>
+
</div>
 +
   
 +
</div>
 +
<div class="four" id="third-sect">
 +
     <div class="span4">
 +
   <h1>Third Sectoin</h1>
   <p><!--Tagline goes here--></p>
   <p><!--Tagline goes here--></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
   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 519: Line 544:
     </a>
     </a>
   </p>
   </p>
-
</div><!--end hero unit-->
+
 +
  <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/>
 +
 
 +
</div>
-
  <hr class="featurette-divider">
+
<div class="img1"><img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/></div>
-
      <div class="featurette" id="rowfirst">
 
-
        <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><!--/div class 4-->
+
 +
 +
</div>
</div>
</div>
      
      

Revision as of 16:20, 18 July 2013

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 Sectoin

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"