|
|
| (47 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| <html>
| | This page is currently under construction. Please come back later. |
| <head>
| |
| <meta charset="utf-8">
| |
| <title>厦门大学吴成健哈哈哈哈</title>
| |
| <style type="text/css">
| |
| header,section, footer,aside, nav, article, figure, figcaption{display:block;}
| |
| body{
| |
| color:#666666;
| |
| background-color:#999;
| |
| background-image:url(http://http://openwetware.org/wiki/Image:Header.jpg);
| |
| background-position:center;
| |
| font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
| |
| line-height:1.4em;
| |
| margin:0 px;}
| |
| .wrapper{
| |
| width:940px;
| |
| margin:20px auto 20px auto;
| |
| border:0px solid #000000;
| |
| background-color:#FFF;}
| |
| header{
| |
| height:160px;
| |
| background-image:none;}
| |
| h1{
| |
| text-indent:-9999px;
| |
| width:940px;
| |
| height:120px;
| |
| margin:0px;}
| |
| nav. footer{
| |
| clear:both;
| |
| color:#ffffff;
| |
| background-color:#aeaca8;
| |
| height:30px;}
| |
| nav ul {
| |
| margin:0px;
| |
| padding:5px 0px 5px 30px;}
| |
| nav li {
| |
| display:inline;
| |
| margin-right:40px;}
| |
| nav li a {
| |
| color:#ffffff;}
| |
| nav li a:hover,navli a.current{
| |
| color:#000000;}
| |
| section.courses{
| |
| float:left;
| |
| width:659px;
| |
| border-right:1px solid #eeeeee;}
| |
| article{
| |
| clear:both;
| |
| overflow:auto;
| |
| width:100%;}
| |
| hgroup{
| |
| margin-top:40px;}
| |
| figure{
| |
| float:left;
| |
| width:290px;
| |
| height:220px;
| |
| padding:5px;
| |
| margin:20px;
| |
| border:1px solid#eeeeee;}
| |
| figcaption{
| |
| font-size::90%;
| |
| text-align:left;}
| |
| aside{
| |
| width:230px;
| |
| float:left;
| |
| padding:0px 0px 0px 20px;}
| |
| aside section a{
| |
| display:block;
| |
| padding:10px;
| |
| border-bottom:1px solid #eeeeee;}
| |
| aside section a:hover{
| |
| color:#985d6a;
| |
| background-color:#efefef;}
| |
| a{
| |
| color:#de6581;
| |
| text-decoration:none;}
| |
| h1. h2. h3{
| |
| font-weight:normal;}
| |
| h2{
| |
| margin:10px 0px 5px 0px;
| |
| padding:0px;}
| |
| h3{
| |
| margin:0px 0px 10px 0px;
| |
| color:#de6581;}
| |
| aside h2{
| |
| padding:30px 0px 10px 0px;
| |
| color:#de6581;}
| |
| footer{
| |
| font-size:80%;
| |
| padding:7px 0px 0px 20px;}
| |
|
| |
|
| |
| </style>
| |
| <!--[if it ie 9]>
| |
| <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| |
| <![endif]-->
| |
| </head>
| |
| | |
| <body>
| |
| <div class="wrapper">
| |
| <header>
| |
| <h1>项目展示</h1>
| |
| <nav>
| |
| <ul>
| |
| <li><a href=""class="current">Concept</a></li>
| |
| <li><a href="">Methods</a></li>
| |
| <li><a href="">Results</a></li>
| |
| <li><a href="">Members</a></li>
| |
| <li><a href="">Rleated</a></li>
| |
| </ul>
| |
| </nav>
| |
| </header>
| |
| <section class="courses">
| |
| <article>
| |
| <figure>
| |
| <img src="" alt="bock"/>
| |
| <figcaption>sectiopn</figcaption>
| |
| </figure>
| |
| <hgroup>
| |
| <h2>japanese</h2>
| |
| <h3>week</h3>
| |
| </hgroup>
| |
| <p>gHowever, our design does sacrifice some functionality by using this system of fuels. Because F1:F2, see below for details, is free-floating in solution and has no preference to location as long as they are not interacting with the track or walker, we expect there to be leakage of
| |
| </p>
| |
| </article>
| |
| <article>
| |
| <figure>
| |
| <img src="" alt="实例部分"/>
| |
| <figcaption>dds</figcaption>
| |
| </figure>
| |
| <hgroup>
| |
| <h2>实例标题</h2>
| |
| <h3>open</h3>
| |
| </hgroup>
| |
| <p>Motion is a necessary component of life. While this does include the motion of animals and people as they move about, there is also crucial motion which takes place on a cellular level. Cells could not function without the .</p>
| |
| </article>
| |
| </section>
| |
| <aside>
| |
| <section class="popular-recipes">
| |
| <h2>popular</h2>
| |
| <a href="">yoko</a>
| |
| <a href="">first</a>
| |
| <a href="">seconf</a>
| |
| </section>
| |
| <section class="=contact-details">
| |
| <h2>contact</h2>
| |
| <p>yoko first address<br/>
| |
| 27 0sedfv<br/>
| |
| london
| |
| </p>
| |
| </section>
| |
| </aside>
| |
| <footer>
| |
| ©:2013 China</footer>
| |
| </div><!--.wrapper-->
| |
| | |
| </body>
| |
| </html>
| |
