Difference between revisions of "Team:Macquarie Australia/PascalTest"

Line 69: Line 69:
 
</table>
 
</table>
 
<!-- end of menu -->
 
<!-- end of menu -->
 +
 +
 +
        <div id="main_wrapper">
 +
            <header>
 +
                <div id="main_title">
 +
                    <img src="images/logo.png" alt="Our team logo" id="logo" />
 +
                    <h1>Photobact</h1>
 +
                    <h2>iGEM 2015</h2>
 +
                </div>
 +
               
 +
                <nav>
 +
                    <ul>
 +
                        <li><a href="#">Home</a></li>
 +
                        <li><a href="#">Project</a></li>
 +
                        <li><a href="#">Team</a></li>
 +
                        <li><a href="#">Wet Lab</a></li>
 +
<li><a href="#">Human Practices</a></li>
 +
                    </ul>
 +
                </nav>
 +
            </header>
 +
           
 +
            <section id="overview">
 +
                <article>
 +
                    <h1>Overview</h1>
 +
<img src="images/photosystem2.png" alt="photosystem" id="photosystem"/>
 +
                    <p>The Macquarie iGEM team aims to develop artificial photosynthesis in a biological system harvest the unlimited supply of solar energy. By engineering the biosynthetic pathway for chlorophyll-a, we are taking the first step towards developing the entire photosystem II in the hope of generating hydrogen gas. The industrial potential lies in the ability of channelling this hydrogen gas to develop a renewable energy source. The project aims to engineer the essential genes for the biosynthesis of chlorophyll a into E. coli.</p>
 +
                </article>
 +
                <aside>
 +
                    <h1>About our hero</h1>
 +
                    <img src="images/arrow.png" alt="" id="arrow" />
 +
                    <p id="bacteria_picture"><img src="images/bacteria.png" alt="Bacteria Picture" /></p>
 +
                    <p>Let me introduce myself: My name's Zozor. I was born on 23 November 2005.</p>
 +
                    <p>A bit meager, is it not? This is why I've now decided to write my biography to let my readers know who I really am.</p>
 +
                    <p><img src="images/facebook.png" alt="Facebook" /></p>
 +
                </aside>
 +
            </section>
 +
 +
<div id="banner_image">
 +
                <div id="banner_description">
 +
                    Do you want to make a tour?
 +
                    <a href="#" class="red_button">See article <img src="images/small_arrow.jpg" alt="" /></a>
 +
                </div>
 +
            </div>
 +
 +
<section id="menu">
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p></p>
 +
</aside>
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p>An overview of our project will enable you to familiarize yourself with it and go on our results and their significance. Our parts and their characterization are then presented as well as our modelling.
 +
</aside>
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p>An overview of our project will enable you to familiarize yourself with it and go on our results and their significance. Our parts and their characterization are then presented as well as our modelling.
 +
</aside>
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p>An overview of our project will enable you to familiarize yourself with it and go on our results and their significance. Our parts and their characterization are then presented as well as our modelling.
 +
</aside>
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p>An overview of our project will enable you to familiarize yourself with it and go on our results and their significance. Our parts and their characterization are then presented as well as our modelling.
 +
</aside>
 +
<aside class="menu-aside">
 +
<h1>Project</h1>
 +
<img src="images/project.png" alt="project"/>
 +
<p>An overview of our project will enable you to familiarize yourself with it and go on our results and their significance. Our parts and their characterization are then presented as well as our modelling.
 +
</aside>
 +
</section>
 +
           
 +
         
 +
        </div>
  
 
<div class="intro-header">
 
<div class="intro-header">
Line 140: Line 219:
 
</div> <!-- container end -->
 
</div> <!-- container end -->
 
</div> <!-- content-section-b end -->
 
</div> <!-- content-section-b end -->
 +
 +
 +
 +
  <footer>
 +
                <div id="tweet">
 +
                    <h1>Follow us</h1>
 +
                    <p><img src="images/facebook.png" alt="Picture" /></p>
 +
                </div>
 +
                <div id="my_pictures">
 +
                    <h1>Our pictures</h1>
 +
                    <p><img src="images/fireice.jpg" alt="Picture" /><img src="images/labelling.jpg" alt="Picture" /><img src="images/plateflow.jpg" alt="Picture" /></p>
 +
                </div>
 +
                <div id="my_friends">
 +
                    <h1>Our sponsors</h1>
 +
                    <ul>
 +
                        <li><a href="#">NSW gov</a></li>
 +
<p><img src="images/nsw.png" alt="Picture" /></p>
 +
                        <li><a href="#"></a></li>
 +
                    </ul>
 +
                <!--  <ul>
 +
                        <li><a href="#">Ji</a></li>
 +
                        <li><a href="#">Super cucumber</a></li>
 +
                        <li><a href="#">Prince</a></li>
 +
                        <li><a href="#">Mr Fan</a></li>
 +
                    </ul>-->
 +
                </div>
 +
            </footer>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:19, 8 July 2015

Tanya Test