Team:Shenzhen/test

From 2012.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<html lang="en">
 +
    <head>
 +
        <title>Creative CSS3 Animation Menus</title>
 +
        <meta charset="UTF-8" />
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
        <meta name="description" content="Creative CSS3 Animation Menus" />
 +
        <meta name="keywords" content="menu, navigation, animation, transition, transform, rotate, css3, web design, component, icon, slide" />
 +
        <meta name="author" content="Codrops" />
 +
        <link rel="shortcut icon" href="../favicon.ico">
 +
        <link rel="stylesheet" type="text/css" href="http://reinkk.my3gb.com/igem/demo/create/css/demo.css" />
 +
        <link rel="stylesheet" type="text/css" href="http://reinkk.my3gb.com/igem/demo/create/css/style8.css" />
 +
        <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css' />
 +
    </head>
 +
  <body>
 +
        <div class="container">
 +
 +
            <div class="content">
 +
 +
                <ul class="ca-menu" >
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">U</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Team</h2>
 +
                                <h3 class="ca-sub">Stories of Team Shenzhen</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">C</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Project</h2>
 +
                                <h3 class="ca-sub">Yeast Artificial Organelle</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">R</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">BioBricks</h2>
 +
                                <h3 class="ca-sub">Biological Parts & Devices</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">K</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Experiment</h2>
 +
                                <h3 class="ca-sub">Experimental Results</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">H</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Modeling</h2>
 +
                                <h3 class="ca-sub"> Mathematical Simulation</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">p</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Notebook</h2>
 +
                                <h3 class="ca-sub">Wet Lab Journal</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">e</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Human Practice</h2>
 +
                                <h3 class="ca-sub">Biosafe & Lectures</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">
 +
                            <span class="ca-icon">I</span>
 +
                            <div class="ca-content">
 +
                                <h2 class="ca-main">Acknowledgment</h2>
 +
                                <h3 class="ca-sub">People Gave Hands</h3>
 +
                            </div>
 +
                        </a>
 +
                    </li>
 +
                </ul>
 +
            </div><!-- content -->
 +
        </div>
 +
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 +
    </body>
 +
</html>

Revision as of 12:34, 17 July 2012

Creative CSS3 Animation Menus

Retrieved from "http://2012.igem.org/Team:Shenzhen/test"