Team:KIT-Kyoto/Test

From 2014.igem.org

(Difference between revisions)
Line 24: Line 24:
<!--メインコンテンツ-->
<!--メインコンテンツ-->
<div id="container">
<div id="container">
-
 
+
<section id="first" class="content">
 +
<p class="logo">KIT-Kyoto</p>
 +
<article>
 +
<h1>Welcome to KIT-Kyoto Wiki Page!</h1>
 +
<p>This is our wiki page.</p>
 +
</article>
 +
</section>
 +
<section id="second" class="content">
 +
<article>
 +
<h2 id="toc-only-css">About us</h2>
 +
<p>About our team members,our university,and so on...</p>
 +
</article>
 +
</section>
 +
<section id="third" class="content">
 +
<article>
 +
<h2 id="toc-without-jquery">Project</h2>
 +
<p>You want to know our project details, click here.</p>
 +
</article>
 +
<img src="images/guernica.jpg" />
 +
</section>
 +
<section id="theend" class="content">
 +
<h2 id="toc-the-end">Modeling</h2>
 +
<p>Modeling</p>
 +
</section>
<div class="clear"><hr /></div>  
<div class="clear"><hr /></div>  
     <div id='kitfooter-box' class='noprint'>
     <div id='kitfooter-box' class='noprint'>
Line 57: Line 80:
<!--メインコンテンツ終わり-->
<!--メインコンテンツ終わり-->
 +
<style style="text/css">
 +
    .content {
 +
    position: relative;
 +
    }
 +
    #first { background: url(https://static.igem.org/mediawiki/2014/1/12/Kit_top1.JPG) 50% 0 no-repeat fixed; }
 +
    #second { background: url(https://static.igem.org/mediawiki/2014/e/e8/Kit_top2.JPG) 50% 0 no-repeat fixed #000; }
 +
    #third { background: url(https://static.igem.org/mediawiki/2014/5/52/Kit_top3.JPG) 50% 0 no-repeat fixed #000; }
 +
    #theend { background: url(https://static.igem.org/mediawiki/2014/3/3a/Kit_top4.JPG) 50% 0 no-repeat fixed #e6cda4; }
 +
    /* section first */
 +
    .logo {
 +
    position: fixed;
 +
    top: 100px;
 +
    left: 50px;
 +
    }
 +
    #first article {
 +
    position: absolute;
 +
    top: 200px;
 +
    width: 800px;
 +
    }
 +
    /* section third */
 +
    #third article {
 +
    position: absolute;
 +
    top: 0;
 +
    }
 +
    #third ing {
 +
    position: absolute;
 +
    left: 30px;
 +
    top: 600px;
 +
    }
 +
    /* section the end */
 +
    #theend h2 {
 +
    position: absolute;
 +
    }
 +
</style>
</html>
</html>
{{Team:KIT-Kyoto/first}}
{{Team:KIT-Kyoto/first}}
{{Team:KIT-Kyoto/footer}}
{{Team:KIT-Kyoto/footer}}
{{Team:KIT-Kyoto/mobile}}
{{Team:KIT-Kyoto/mobile}}

Revision as of 07:25, 6 October 2014

Welcome to KIT-Kyoto Wiki Page!

This is our wiki page.

About us

About our team members,our university,and so on...

Project

You want to know our project details, click here.

Modeling

Modeling



kit