Team:Penn/HumanPractices
From 2013.igem.org
Line 180: | Line 180: | ||
height: 40px; | height: 40px; | ||
width: 50px; | width: 50px; | ||
- | background-color: | + | 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: | + | 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; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
</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=" | + | <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>< | + | |
+ | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Line 473: | Line 494: | ||
- | <div class=" | + | <<div class="img-span"> |
- | <div class=" | + | <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 | |
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> | ||
- | </ | + | |
+ | <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> |
- | <div class="four" id="third-sect" | + | <div class="img-span"> |
- | <div class=" | + | <img src="https://dl.dropboxusercontent.com/sh/h4cxid18rzzjgan/2DoiODoUy6/Discovery%20Day%20Clark%20Park/IMG_2048.JPG?token_hash=AAGlfzG2xZpKrOTI8pyH02EbYxY1vK3QLUWKsWuYdaPbYg"/> |
- | <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 | |
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> | ||
- | </ | + | |
+ | <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> | </div> | ||
Revision as of 16:20, 18 July 2013
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