Team:Shenzhen/test2

From 2012.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 11: Line 11:
         <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/demo.css" />
         <link rel="stylesheet" type="text/css" href="http://reinkk.my3gb.com/igem/demo/create/css/style1.css" />
         <link rel="stylesheet" type="text/css" href="http://reinkk.my3gb.com/igem/demo/create/css/style1.css" />
-
        <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css' />
+
     
     </head>
     </head>
     <body>
     <body>
Line 21: Line 21:
                     <li>
                     <li>
                         <a href="#">
                         <a href="#">
-
                             <span class="ca-icon">A</span>
+
                             <span class="ca-icon">U</span>
                             <div class="ca-content">
                             <div class="ca-content">
                                 <h2 class="ca-main">Team</h2>
                                 <h2 class="ca-main">Team</h2>
-
                                 <h3 class="ca-sub">All about Team Shenzhen</h3>
+
                                 <h3 class="ca-sub">Stories of Team Shenzhen</h3>
                             </div>
                             </div>
                         </a>
                         </a>
Line 30: Line 30:
                     <li>
                     <li>
                         <a href="#">
                         <a href="#">
-
                             <span class="ca-icon">I</span>
+
                             <span class="ca-icon">C</span>
                             <div class="ca-content">
                             <div class="ca-content">
                                 <h2 class="ca-main">Project</h2>
                                 <h2 class="ca-main">Project</h2>
Line 39: Line 39:
                     <li>
                     <li>
                         <a href="#">
                         <a href="#">
-
                             <span class="ca-icon">C</span>
+
                             <span class="ca-icon">R</span>
                             <div class="ca-content">
                             <div class="ca-content">
                                 <h2 class="ca-main">BioBricks</h2>
                                 <h2 class="ca-main">BioBricks</h2>
Line 48: Line 48:
                     <li>
                     <li>
                         <a href="#">
                         <a href="#">
-
                             <span class="ca-icon">S</span>
+
                             <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">
                             <div class="ca-content">
                                 <h2 class="ca-main">Notebook</h2>
                                 <h2 class="ca-main">Notebook</h2>
Line 57: Line 75:
                     <li>
                     <li>
                         <a href="#">
                         <a href="#">
-
                             <span class="ca-icon">d</span>
+
                             <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">B</span>
                             <div class="ca-content">
                             <div class="ca-content">
                                 <h2 class="ca-main">Acknowledgment</h2>
                                 <h2 class="ca-main">Acknowledgment</h2>

Latest revision as of 16:28, 17 July 2012

Creative CSS3 Animation Menus