"
VirginiaTemplate3
From 2013.igem.org
(Difference between revisions)
| Line 68: | Line 68: | ||
} | } | ||
.bottom { | .bottom { | ||
| - | background-color:white; | + | background-color: white; |
| - | color:#088674; | + | color: #088674; |
| - | padding:5px; | + | padding: 5px; |
| - | height:200px; | + | height: 200px; |
| + | clear: both; | ||
| + | border-top-width: 1px; | ||
| + | border-top-style: solid; | ||
| + | border-top-color: rgba(153,153,153,0.7); | ||
} | } | ||
.footer { | .footer { | ||
| Line 92: | Line 96: | ||
#navbar { | #navbar { | ||
float:right; | float:right; | ||
| + | } | ||
| + | #fbox1 | ||
| + | { | ||
| + | float: left; | ||
| + | width: 235px; | ||
| + | margin-right: 20px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | #fbox2 | ||
| + | { | ||
| + | float: left; | ||
| + | width: 235px; | ||
| + | margin-right: 20px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | #fbox3 | ||
| + | { | ||
| + | float: left; | ||
| + | width: 235px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | #fbox4 | ||
| + | { | ||
| + | float: right; | ||
| + | width: 235px; | ||
| + | text-align:center; | ||
} | } | ||
</style> | </style> | ||
| Line 99: | Line 129: | ||
<body> | <body> | ||
<div class="topbanner"> | <div class="topbanner"> | ||
| - | <div id="logo"><img src="http://25.media.tumblr.com/e1f1c575443ef6a3dbe543baa4fa1157/tumblr_monp08VmvE1qd61pzo1_500.jpg" width=" | + | <div id="logo"><img src="http://25.media.tumblr.com/e1f1c575443ef6a3dbe543baa4fa1157/tumblr_monp08VmvE1qd61pzo1_500.jpg" width="341" height="222"/></div> |
<div id="navbar">NAVBAR</div> | <div id="navbar">NAVBAR</div> | ||
</div> | </div> | ||
<div class="slidingpics">Content for class "slidingpics" Goes Here</div> | <div class="slidingpics">Content for class "slidingpics" Goes Here</div> | ||
| - | <div class="fourfocus"> | + | <div class="fourfocus"> |
| + | <div id="fbox1"> <img src="https://www.dropbox.com/s/z7pe5qmsl83jtz9/project%20thumb.jpg" width="235" height="235" alt="" /> | ||
| + | <h2>Project</h2> | ||
| + | <p>Learn more about the exciting developments of minicells as a safe and effective chassis.</p> | ||
| + | </div> | ||
| + | <div id="fbox2"> <img src="https://www.dropbox.com/s/pa7lbkgbjk04284/notebook%20thumb.jpg" width="235" height="235" alt="" /> | ||
| + | <h2>Notebook</h2> | ||
| + | <p>See how we spent our summer of science.</p> | ||
| + | </div> | ||
| + | <div id="fbox3"> <img src="https://www.dropbox.com/s/wfunymh3dpoy4hb/humanpracticesthumb.jpg" width="235" height="235" alt="" /> | ||
| + | <h2>Human Practices</h2> | ||
| + | <p>Discover the local and global impact our iGEM team has made.</p> | ||
| + | </div> | ||
| + | <div id="fbox4"> <img src="https://www.dropbox.com/s/v6k92hk6fcgr7du/team%20thumb%20photo.jpg" width="235" height="235" alt="" /> | ||
| + | <h2>Team</h2> | ||
| + | <p>Meet the brains and brawn behind the project.</p> | ||
| + | </div> | ||
| + | </div> | ||
<div class="bottom">Content for class "bottom" Goes Here</div> | <div class="bottom">Content for class "bottom" Goes Here</div> | ||
<div class="footer"> | <div class="footer"> | ||
Revision as of 20:05, 21 June 2013
Content for class "slidingpics" Goes Here
Project
Learn more about the exciting developments of minicells as a safe and effective chassis.
Notebook
See how we spent our summer of science.
Human Practices
Discover the local and global impact our iGEM team has made.
Team
Meet the brains and brawn behind the project.
Content for class "bottom" Goes Here
