Team:HIT-Harbin

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{HIT-Harbin/hidden}}
 
-
 
<html>
<html>
     <head>
     <head>
Line 21: Line 19:
                 <div class="header-bar">
                 <div class="header-bar">
                     <div id="logo">
                     <div id="logo">
-
                         <h1><a href="#">HIT-Harbin</a></h1>
+
                         <h1><a href="http://2013.igem.org/Team:HIT-Harbin">HIT-Harbin</a></h1>
                     </div>
                     </div>
                     <ul id="menu">
                     <ul id="menu">
                         <li class="current-menu-item">
                         <li class="current-menu-item">
-
                             <a href="index.html">Home</a>
+
                             <a href="http://2013.igem.org/Team:HIT-Harbin">Home</a>  
-
                            <ul class="sub-menu">
+
-
                                <li><a href="homepage-ver2.html">Homepage ver 2</a></li>
+
-
                                <li><a href="homepage-ver3.html">Homepage ver 3</a></li>
+
-
                                <li><a href="sidebar-layouts.html">Sidebar layouts</a></li>
+
-
                                <li><a href="gallery.html">Gallery page</a></li>
+
-
                                <li><a href="column-layouts.html">Column layouts</a></li>
+
-
                                <li><a href="column-layouts-sidebar.html">Column layouts + sidebar</a></li>
+
-
                                <li>
+
-
                                    <a href="#" class="more">Another submenu</a>
+
-
                                    <ul class="sub-menu">
+
-
                                        <li><a href="#">Sample links</a></li>
+
-
                                        <li><a href="#">For you</a></li>
+
-
                                        <li><a href="#">To enjoy</a></li>
+
-
                                    </ul>
+
-
                                </li>
+
-
                            </ul>
+
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="portfolio.html">Portfolio</a>
+
                             <a href="http://2013.igem.org/Team:HIT-Harbin/Team">Team</a>
                             <ul class="sub-menu">
                             <ul class="sub-menu">
-
                                 <li><a href="portfolio-ver2.html">2 columns</a></li>
+
                                 <li><a href="http://igem.org/Team.cgi?year=2013&team_name=HIT-Harbin">Official Team Profile</a></li>
-
                                 <li><a href="portfolio-sidebar.html">Portfolio + sidebar</a></li>                                 
+
                                 <li><a href="http://2013.igem.org/Team:HIT-Harbin/Team">HIT IGEMers</a></li>                                 
-
                                 <li><a href="portfolio-single.html">Single page</a></li>
+
                                 <li><a href="http://2013.igem.org/Team:HIT-Harbin/Team">Advisors</a></li>
                             </ul>
                             </ul>
                         </li>
                         </li>
                         <li>
                         <li>
-
                             <a href="blog.html">Blog</a>
+
                             <a href="http://2013.igem.org/Team:HIT-Harbin/Project">Project</a>
                             <ul class="sub-menu">
                             <ul class="sub-menu">
-
                                 <li><a href="blog-single.html">Blog single page</a></li>
+
                                 <li><a href="http://2013.igem.org/Team:HIT-Harbin/Project">Overview</a></li>
 +
                                <li><a href="http://2013.igem.org/Team:HIT-Harbin/Project">Background</a></li>
 +
                                <li><a href="http://2013.igem.org/Team:HIT-Harbin/Project">Modeling</a></li>
 +
                                <li><a href="http://2013.igem.org/Team:HIT-Harbin/Project">Attributions</a></li>
                             </ul>
                             </ul>
                         </li>
                         </li>
-
                         <li><a href="services.html">Services</a></li>
+
                         <li><a href="http://2013.igem.org/Team:HIT-Harbin/Parts">Parts</a></li>
-
                        <li>
+
<li><a href="http://2013.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
-
                            <a href="#"><span>Mega Menu</span></a>
+
<li><a href="http://2013.igem.org/Team:HIT-Harbin/Safety">Safety</a></li>
-
                            <div class="pixel-mega-menu four-columns">
+
<li><a href="http://2013.igem.org/Team:HIT-Harbin/Human_practices">Human Practice</a></li>
-
                                <ul class="sub-menu">
+
-
                                    <li class="fourth-column">
+
-
                                        <h4>Sample menu</h4>
+
-
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
+
-
                                        <ul class="sub-menu">
+
-
                                            <li><a href="#">Custom Shortcodes</a></li>
+
-
                                            <li><a href="#">Video demo</a></li>
+
-
                                            <li><a href="#" class="last">Submenu item 3</a></li>
+
-
                                            <li><a href="#" class="last">Custom Shortcodes</a></li>
+
-
                                        </ul>
+
-
                                    </li>
+
-
                                    <li class="fourth-column">
+
-
                                        <h4>Another sample menu</h4>
+
-
                                        <ul class="sub-menu">
+
-
                                            <li><a href="#">Shortcodes</a></li>
+
-
                                            <li><a href="#">Video demo</a></li>
+
-
                                            <li><a href="#" class="last">Submenu item 3</a></li>
+
-
                                        </ul>
+
-
                                    </li>
+
-
                                    <li class="fourth-column">
+
-
                                        <h4>Shortcodes</h4>
+
-
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
+
-
                                    </li>
+
-
                                    <li class="fourth-column last">
+
-
                                        <h4>Shortcodes</h4>
+
-
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
+
-
                                    </li>
+
-
 
+
-
                                </ul>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li><a href="contact.html">Contact</a></li>
+
                     </ul>
                     </ul>
                 </div>
                 </div>
-
                <div id="subheader-bar">
 
-
 
-
                    <div class="site-description">This could be a short description line of the site. Very useful.</div>
 
-
 
-
                </div>
 
             </div> <!-- END HEADER -->
             </div> <!-- END HEADER -->
Line 113: Line 61:
                 <div class="px-slider-wrapper" id="slider">
                 <div class="px-slider-wrapper" id="slider">
                     <div class="px-slider nivoSlider">
                     <div class="px-slider nivoSlider">
-
                         <a href="default.htm"><img src="images/demo-images/slider-img-1.jpg" alt="" title="#slider-caption-1" /></a>
+
                         <a href="default.htm"><img src="http://2013.igem.org/wiki/images/8/8d/Backpg1.jpg" alt="" title="#slider-caption-1" /></a>
                         <img src="images/demo-images/slider-img-2.jpg" title="#slider-caption-2" alt="" />
                         <img src="images/demo-images/slider-img-2.jpg" title="#slider-caption-2" alt="" />
                         <a href="default.htm"><img src="images/demo-images/slider-img-3.jpg" alt="" title="This is a caption demo" /></a>
                         <a href="default.htm"><img src="images/demo-images/slider-img-3.jpg" alt="" title="This is a caption demo" /></a>
Line 121: Line 69:
                     <div id="slider-caption-1" class="nivo-html-caption">
                     <div id="slider-caption-1" class="nivo-html-caption">
-
                         <span class="caption-title">Vivid coloring</span>
+
                         <span class="caption-title"><a href="http://en.hit.edu.cn">Harbin Institute of Technology</a></span>
-
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
+
                         Being strict in qualifications for graduates; making every endeavor in educating students.
                     </div>
                     </div>
                     <div id="slider-caption-2" class="nivo-html-caption">
                     <div id="slider-caption-2" class="nivo-html-caption">
Line 136: Line 84:
                 <!-- CALL TO ACTION BOX -->
                 <!-- CALL TO ACTION BOX -->
-
                <div class="cta-box">
 
-
                    <a href="#" class="custom-button">Learn More</a>
 
-
                    <p>You can promote your files here just by following some easy stepts.</p>
 
-
                </div>
 
-
                 <!-- SITE FEATURES -->
+
             
 +
                 <!-- RECENT WORK -->
-
                 <h6 class="hashed"><span>Site features</span></h6>
+
                 <h6 class="hashed"><span>Recent work</span></h6>
-
                 <div class="multi-columns">
+
                 <div class="multi-columns recent-work">
-
                     <div class="fourth">
+
                     <div class="third">
-
                         <div class="custom-headline">Quicker installation</div>
+
                         <a href="#" class="image-holder preload">
-
                        <img src="images/clock-icon.png" alt="" class="alignleft icon" />
+
                            <span class="image-zoom"></span>
-
                         <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.</p>
+
                            <img src="images/demo-images/recent-work-img1.jpg" alt="" class="aligncenter" />
-
                         <a href="#" class="more-button">more</a>
+
                         </a>
 +
                         <div class="custom-headline"><a href="#">My first work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                     </div>
                     </div>
-
                     <div class="fourth">
+
                     <div class="third">                       
-
                         <div class="custom-headline">Great navigation</d
+
                        <a href="#" class="image-holder preload">
 +
                            <span class="image-zoom"></span>
 +
                            <img src="images/demo-images/recent-work-img2.jpg" alt="" class="aligncenter" />
 +
                        </a>
 +
                         <div class="custom-headline"><a href="#">My second work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
                    </div>
 +
                    <div class="third last">
 +
                        <a href="#" class="image-holder preload">
 +
                            <span class="image-zoom"></span>
 +
                            <img src="images/demo-images/recent-work-img3.jpg" alt="" class="aligncenter" />
 +
                        </a>
 +
                        <div class="custom-headline"><a href="#">My third work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
                    </div>
 +
                </div>
 +
               
 +
                </div>
 +
            </div><!-- END CONTENT -->
 +
 
 +
 
 +
 
 +
        </div>
 +
 
 +
 
 +
        <!-- JAVASCRIPT Imports -->
 +
 
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery-all.min.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.color.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/cufon/cufon-yui.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/cufon/Bebas_5F400.font.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.roundabout.min.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.nivo.slider.pack.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.jcarousel.min.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.prettyPhoto.js?action=raw&ctype=text/javascript"></script>
 +
        <script type="text/javascript" src="http://2013.igem.org/Team:HIT-Harbin/js/main.js?action=raw&ctype=text/javascript"></script>
 +
 
 +
        <script type="text/javascript"> Cufon.now(); </script>
 +
 
 +
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 +
</body>
 +
</html>

Revision as of 14:31, 23 September 2013

HIT-Harbin

Harbin Institute of Technology Being strict in qualifications for graduates; making every endeavor in educating students.
Sample title This is an example of a HTML caption with a link.
Simple questions Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Recent work

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.