Team:Beijing BHSF/Photo

From 2013hs.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 6: Line 6:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 
-
<meta name="author" content="CSSTemplatesMarket" />
 
-
<meta name="description" content="Responsive Html CSS Template" />
 
-
<meta name="keywords" content="css templates market, free css templates, premium css templates, buy css template, free responsive css template" />
 
-
<title>Guadi | Free Responsive Html CSS Template</title>
 
<link rel="stylesheet" type="text/css" media="all" href="https://2013hs.igem.org/Team:Beijing_BHSF/css/style.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" media="all" href="https://2013hs.igem.org/Team:Beijing_BHSF/css/style.css?action=raw&ctype=text/css" />
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
Line 37: Line 32:
#content {
#content {
-
border: none;
+
left: 0px;
-
position: absolute;
+
width: 99%;
-
overflow: visible;
+
-
display: none;
+
-
left: -10px;
+
-
width: 900px;
+
}
}
</style>
</style>
Line 53: Line 44:
         <div class="header_content">
         <div class="header_content">
        
        
-
         <div class="logo"><a href="index.html">guadi</a> <span>| a simple responsive template</span></div>
+
         <div class="logo"><a href="https://2013hs.igem.org/Team:Beijing_BHSF">BHSF</a> <span>| Best High School Forever</span></div>
          
          
         <div class="menu">
         <div class="menu">
             <ul>
             <ul>
-
                 <li class="selected"><a href="index.html">home</a></li>
+
                 <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
-
                 <li><a href="page.html">page</a></li>
+
                 <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
-
                 <li><a href="page.html">blog</a></li>
+
                 <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
-
                 <li><a href="page.html">porfolio</a></li>
+
                 <li class="selected"><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
-
                 <li><a href="page.html">contact</a></li>  
+
                 <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart">Grateful Heart</a></li>  
             </ul>
             </ul>
         </div>
         </div>
Line 70: Line 61:
<div id="wrap">
<div id="wrap">
-
  <div class="top_slogan">
 
-
Design is not just what it looks like and feels like. Design is how it works.
 
-
  </div>
 
-
 
-
 
 
   <div class="slider">
   <div class="slider">
<div class="flexslider">
<div class="flexslider">
    <ul class="slides">
    <ul class="slides">
-
    <li><a href="page.html"><img src="https://static.igem.org/mediawiki/2013hs/4/48/Beijing_BHSF_logo.png" alt="" title="" border="0"/></a>
+
    <li><img src="https://static.igem.org/mediawiki/2013hs/c/c5/BHSF_PHOTO1.JPG" alt="" title="" border="0"/></a>
-
             <div class="flex-caption">
+
            
-
                <h2>Caption title</h2>
+
-
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
+
-
                    <a href="#" class="slider_button">View Portfolio</a>
+
-
                </div>
+
             </li>
             </li>
-
             <li><a href="page.html"><img src="images/slider-image2.jpg" alt="" title="" border="0"/></a>
+
             <li><img src="https://static.igem.org/mediawiki/2013hs/8/80/BHSF_PHOTO2.JPG" alt="" title="" border="0"/></a>
-
            <div class="flex-caption">
+
-
                <h2>Caption title</h2>
+
-
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
+
-
                    <a href="#" class="slider_button">View Portfolio</a>
+
-
                </div>
+
             </li>
             </li>
-
             <li><a href="page.html"><img src="images/slider-image3.jpg" alt="" title="" border="0"/></a>
+
             <li><img src="https://static.igem.org/mediawiki/2013hs/5/56/BHSF_PHOTO3.JPG" alt="" title="" border="0"/></a>
-
            <div class="flex-caption">
+
        </li>
-
                <h2>Caption title</h2>
+
        <li><img src="https://static.igem.org/mediawiki/2013hs/f/fb/BHSF_PHOTO4.JPG" alt="" title="" border="0"/></a>
-
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
+
-
                    <a href="#" class="slider_button">View Portfolio</a>
+
-
                </div>
+
             </li>
             </li>
-
    </ul>
+
            <li><img src="https://static.igem.org/mediawiki/2013hs/1/14/BHSF_PHOTO5.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/a/aa/BHSF_PHOTO6.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/d/d5/BHSF_PHOTO7.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/4/40/BHSF_PHOTO8.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
        <li><img src="https://static.igem.org/mediawiki/2013hs/0/0e/BHSF_PHOTO9.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/d/d9/BHSF_PHOTO10.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/2/2b/BHSF_PHOTO11.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/d/d7/BHSF_PHOTO12.JPG" alt="" title="" border="0"/></a>
 +
            </li>
 +
            <li><img src="https://static.igem.org/mediawiki/2013hs/8/87/BHSF_PHOTO13.jpg" alt="" title="" border="0"/></a>
 +
            </li>
 +
          </ul>
  </div>
  </div>
-
  </div>
 
-
 
 
-
 
 
-
  <div class="main_content">
 
-
 
-
 
 
-
  <div class="section_one_three">
 
-
        <h2 class="centered_title">Our Clients</h2>
 
-
        <div class="roundimg"><a href="#" title=""><img src="images/icon_clients.png" alt="" title="" /></a></div>
 
-
        <p class="centered_text">
 
-
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 
-
        </p>
 
-
        <a href="#" class="more">read more</a>
 
-
        </div>
 
-
       
 
-
  <div class="section_one_three">
 
-
        <h2 class="centered_title">Main Services</h2>
 
-
        <div class="roundimg"><a href="#" title=""><img src="images/icon_services.png" alt="" title="" /></a></div>
 
-
        <p class="centered_text">
 
-
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 
-
        </p>
 
-
        <a href="#" class="more">read more</a>
 
-
        </div>
 
-
 
-
  <div class="section_one_three">
 
-
        <h2 class="centered_title">Contact Us!</h2>
 
-
        <div class="roundimg"><a href="#" title=""><img src="images/icon_contact.png" alt="" title="" /></a></div>
 
-
        <p class="centered_text">
 
-
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 
-
        </p>
 
-
        <a href="#" class="more">read more</a>
 
-
        </div>
 
-
         
 
   </div>
   </div>
    
    
Line 143: Line 102:
         <div class="footer">
         <div class="footer">
         <div class="footer_content">
         <div class="footer_content">
-
             <div class="footer_left">
+
              
-
                <p>Free Responsive Html CSS Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></p>
+
                 <ul class="footer_menu">
                 <ul class="footer_menu">
-
                    <li><a href="index.html">home</a></li>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF">Home</a></li>
-
                    <li><a href="page.html">page</a></li>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Project">Project</a></li>
-
                    <li><a href="page.html">blog</a></li>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Team">Team</a></li>
-
                    <li><a href="page.html">porfolio</a></li>
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Photo">Photos</a></li>
-
                    <li><a href="page.html">contact</a></li>  
+
                <li><a href="https://2013hs.igem.org/Team:Beijing_BHSF/Gratefulheart">Grateful Heart</a></li>  
                 </ul>
                 </ul>
             </div>
             </div>
Line 156: Line 114:
             <div class="footer_right">
             <div class="footer_right">
                 <ul class="social_icons">
                 <ul class="social_icons">
-
                 <li><a href="#"><img src="images/icon_rss.png" alt="" title="" /></a></li>
+
                 <li><a href="http://www.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/d/d6/BHSF_IGEMLOGO.png" alt="" title="" /></a></li>
-
                 <li><a href="#"><img src="images/icon_facebook.png" alt="" title="" /></a></li>
+
                 <li><a href="http://www.bhsf.cn/index.php?id=103"><img src="https://static.igem.org/mediawiki/igem.org/c/cd/BHSF_xiaobiao.png" alt="" title="" /></a></li>
-
                 <li><a href="#"><img src="images/icon_twitter.png" alt="" title="" /></a></li>
+
                 <li><a href="http://www.tsinghua.edu.cn/publish/then/index.html"><img src="https://static.igem.org/mediawiki/igem.org/f/f4/BHSF_QINGHUA.jpg" alt="" title="" /></a></li>
-
                <li><a href="#"><img src="images/icon_dribbble.png" alt="" title="" /></a></li>
+
                 </ul>
                 </ul>
             </div>
             </div>

Latest revision as of 18:57, 21 June 2013