Line 204: | Line 204: | ||
left:20px!important; | left:20px!important; | ||
} | } | ||
− | + | /*footer样式*/ | |
+ | #footer{ | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin: 0; | ||
+ | position: absolute; | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | .content{ | ||
+ | background-color: #1C2B42; | ||
+ | width: %100; | ||
+ | height: 200px; | ||
+ | } | ||
+ | .cleft{ | ||
+ | /*background-color: #fff;*/ | ||
+ | margin: 10px; | ||
+ | padding: 20px; | ||
+ | float: left; | ||
+ | } | ||
+ | .cleft img{ | ||
+ | width: 60px; | ||
+ | margin: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | .bottom{ | ||
+ | background-color: #121D2C; | ||
+ | width: %100; | ||
+ | height: 40px; | ||
+ | } | ||
+ | .contents{ | ||
+ | color: #fff; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | .contents th{ | ||
+ | width:16%; | ||
+ | height: 40px; | ||
+ | text-align: center; | ||
+ | border-bottom: 1px solid #FFF; | ||
+ | } | ||
+ | .contents td{ | ||
+ | text-align: center; | ||
+ | } | ||
</style> | </style> | ||
Line 334: | Line 375: | ||
</table> | </table> | ||
</div> | </div> | ||
− | + | <div id="footer"> | |
+ | <div class="content"> | ||
+ | <div class="cleft"> | ||
+ | <img src="images/logo.png" alt="logo" style="margin-bottom: 0px;"> | ||
+ | <a href="https://www.dlut.edu.cn/"><img src="images/DLUT.png" alt="dlut"></a> | ||
+ | <img src="images/xylogo.png" alt="dlutbio" > | ||
+ | <img src="images/igemlogo.png" alt="igemlogo" style="width: 80px"> | ||
+ | <div style="clear: left; padding: 10px;"> | ||
+ | <p style="color: #fff"><span style="font-size: 20px">BALDR<br> </span>Bio-microrobot: A Light Driven Reinhardtti</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="contents"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <th>Project</th> | ||
+ | <th>Wet Lab</th> | ||
+ | <th>Model</th> | ||
+ | <th>Outreach</th> | ||
+ | <th>Team</th> | ||
+ | <th>Awards</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Description</td> | ||
+ | <td>Experiments</td> | ||
+ | <td></td> | ||
+ | <td>Human Practices</td> | ||
+ | <td>Introduction</td> | ||
+ | <td>Judging Form</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Design</td> | ||
+ | <td>Parts</td> | ||
+ | <td></td> | ||
+ | <td>Public Engagements</td> | ||
+ | <td>Attributions</td> | ||
+ | <td>Plant</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Demonstration</td> | ||
+ | <td>Protocols</td> | ||
+ | <td></td> | ||
+ | <td>Collaborations</td> | ||
+ | <td>Sponsors</td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Expectation</td> | ||
+ | <td>Notebook</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Following Design</td> | ||
+ | <td>Safety</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="bottom"> | ||
+ | |||
+ | </div> | ||
</div> | </div> |
Revision as of 14:57, 14 October 2019