Meetups:August USTC software/photo.html

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>Photo of Meetup</title>
+
<title>CSS3图片倾斜效果DEMO演示</title>
-
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/css/reset.css" media="screen" />
+
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/photo/css/reset.css" media="screen" />
-
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/css/style.css" media="screen" />
+
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/photo/css/style.css" media="screen" />
-
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/css/css3_3d.css" media="screen" />
+
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/photo/css/css3_3d.css" media="screen" />
-
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/css/lightbox.css" media="screen" />
+
<link rel="stylesheet" href="http://home.ustc.edu.cn/~hlx1996/photo/css/lightbox.css" media="screen" />
-
<script src="http://home.ustc.edu.cn/~hlx1996/js/jquery.min.js"></script>
+
<script src="http://home.ustc.edu.cn/~hlx1996/photo/js/jquery.min.js"></script>
-
<script src="http://home.ustc.edu.cn/~hlx1996/js/modernizr.js"></script>
+
<script src="http://home.ustc.edu.cn/~hlx1996/photo/js/modernizr.js"></script>
-
<script src="http://home.ustc.edu.cn/~hlx1996/js/prototype.js"></script>
+
<script src="http://home.ustc.edu.cn/~hlx1996/photo/js/prototype.js"></script>
-
<script src="http://home.ustc.edu.cn/~hlx1996/js/scriptaculous.js?load=effects"></script>
+
<script src="http://home.ustc.edu.cn/~hlx1996/photo/js/scriptaculous.js?load=effects"></script>
-
<script src="http://home.ustc.edu.cn/~hlx1996/js/lightbox.js"></script>
+
<script src="http://home.ustc.edu.cn/~hlx1996/photo/js/lightbox.js"></script>
<script>
<script>
Line 44: Line 44:
       <div style="text-align:center;clear:both">
       <div style="text-align:center;clear:both">
</div>
</div>
-
    <script src="/adsense.js" type="text/javascript"></script>
 
         <ul id="grid" class="group">
         <ul id="grid" class="group">
             <li>
             <li>
               <div class="details"><h3>SJTU-BioX-Shanghai's Presentation</h3></div>
               <div class="details"><h3>SJTU-BioX-Shanghai's Presentation</h3></div>
-
               <a href="images/600/1.jpg" rel="lightbox"><img src="images/290/1.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/1.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/1.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>SJTU-Software's Presentation</h3></div>
                 <div class="details"><h3>SJTU-Software's Presentation</h3></div>
-
                 <a href="images/600/2.jpg" rel="lightbox"><img src="images/290/2.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/2.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/2.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>HFUT_China's Presentation</h3></div>
                 <div class="details"><h3>HFUT_China's Presentation</h3></div>
-
                 <a href="images/600/3.jpg" rel="lightbox"><img src="images/290/3.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/3.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/3.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>Free chat: Future of the iGEM Software</h3></div>
               <div class="details"><h3>Free chat: Future of the iGEM Software</h3></div>
-
               <a href="images/600/4.jpg" rel="lightbox"><img src="images/290/4.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/4.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/4.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>USTC_Software's Presentation</h3></div>
                 <div class="details"><h3>USTC_Software's Presentation</h3></div>
-
                 <a href="images/600/5.jpg" rel="lightbox"><img src="images/290/5.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/5.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/5.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>NEAU_China's Presentation</h3></div>
                 <div class="details"><h3>NEAU_China's Presentation</h3></div>
-
                 <a href="images/600/6.jpg" rel="lightbox"><img src="images/290/6.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/6.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/6.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>Brainstorming</h3></div>
               <div class="details"><h3>Brainstorming</h3></div>
-
               <a href="images/600/7.jpg" rel="lightbox"><img src="images/290/7.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/7.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/7.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>Lunch Time</h3></div>
                 <div class="details"><h3>Lunch Time</h3></div>
-
                 <a href="images/600/8.jpg" rel="lightbox"><img src="images/290/8.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/8.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/8.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>SYSU-Software</h3></div>
                 <div class="details"><h3>SYSU-Software</h3></div>
-
                 <a href="images/600/9.jpg" rel="lightbox"><img src="images/290/9.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/9.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/9.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>SJTU-Software</h3></div>
               <div class="details"><h3>SJTU-Software</h3></div>
-
               <a href="images/600/10.jpg" rel="lightbox"><img src="images/290/10.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/10.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/10.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>SJTU-Software</h3></div>
                 <div class="details"><h3>SJTU-Software</h3></div>
-
                 <a href="images/600/11.jpg" rel="lightbox"><img src="images/290/11.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/11.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/11.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>HFUT_China: BioFunctional Designer</h3></div>
                 <div class="details"><h3>HFUT_China: BioFunctional Designer</h3></div>
-
                 <a href="images/600/12.jpg" rel="lightbox"><img src="images/290/12.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/12.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/12.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>Welcome Address by Professor Liu</h3></div>
               <div class="details"><h3>Welcome Address by Professor Liu</h3></div>
-
               <a href="images/600/13.jpg" rel="lightbox"><img src="images/290/13.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/13.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/13.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>SYSU-Software's Presentation</h3></div>
                 <div class="details"><h3>SYSU-Software's Presentation</h3></div>
-
                 <a href="images/600/14.jpg" rel="lightbox"><img src="images/290/14.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/14.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/14.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>Comments by Dr. Liang</h3></div>
                 <div class="details"><h3>Comments by Dr. Liang</h3></div>
-
                 <a href="images/600/15.jpg" rel="lightbox"><img src="images/290/15.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/15.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/15.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>Experience Exchangement hold by Nie Peng</h3></div>
               <div class="details"><h3>Experience Exchangement hold by Nie Peng</h3></div>
-
               <a href="images/600/16.jpg" rel="lightbox"><img src="images/290/16.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/16.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/16.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>SYSU-Software</h3></div>
                 <div class="details"><h3>SYSU-Software</h3></div>
-
                 <a href="images/600/17.jpg" rel="lightbox"><img src="images/290/17.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/17.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/17.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>Zhang People Win and His girls</h3></div>
                 <div class="details"><h3>Zhang People Win and His girls</h3></div>
-
                 <a href="images/600/18.jpg" rel="lightbox"><img src="images/290/18.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/18.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/18.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>XMU</h3></div>
               <div class="details"><h3>XMU</h3></div>
-
               <a href="images/600/19.jpg" rel="lightbox"><img src="images/290/19.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/19.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/19.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>NEAU_China</h3></div>
                 <div class="details"><h3>NEAU_China</h3></div>
-
                 <a href="images/600/20.jpg" rel="lightbox"><img src="images/290/20.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/20.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/20.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>Group Photo</h3></div>
                 <div class="details"><h3>Group Photo</h3></div>
-
                 <a href="images/600/21.jpg" rel="lightbox"><img src="images/290/21.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/21.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/21.jpg" /></a>
             </li>
             </li>
           <li>
           <li>
               <div class="details"><h3>Comment by Dr. Liang</h3></div>
               <div class="details"><h3>Comment by Dr. Liang</h3></div>
-
               <a href="images/600/22.jpg" rel="lightbox"><img src="images/290/22.jpg" /></a>
+
               <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/22.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/22.jpg" /></a>
             </li>
             </li>
             <li>
             <li>
                 <div class="details"><h3>USTC_Software and SJTU-Software at Tianzhu Mountain</h3></div>
                 <div class="details"><h3>USTC_Software and SJTU-Software at Tianzhu Mountain</h3></div>
-
                 <a href="images/600/23.jpg" rel="lightbox"><img src="images/290/23.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/23.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/23.jpg" /></a>
             </li>
             </li>
             <li class="end">
             <li class="end">
                 <div class="details"><h3>Group Photo at Tianzhu Mountain</h3></div>
                 <div class="details"><h3>Group Photo at Tianzhu Mountain</h3></div>
-
                 <a href="images/600/24.jpg" rel="lightbox"><img src="images/290/24.jpg" /></a>
+
                 <a href="http://home.ustc.edu.cn/~hlx1996/photo/images/600/24.jpg" rel="lightbox"><img src="http://home.ustc.edu.cn/~hlx1996/photo/images/290/24.jpg" /></a>
             </li>
             </li>
            
            

Revision as of 11:41, 19 August 2014

<!DOCTYPE html> CSS3图片倾斜效果DEMO演示

  • SJTU-BioX-Shanghai's Presentation

  • SJTU-Software's Presentation

  • HFUT_China's Presentation

  • Free chat: Future of the iGEM Software

  • USTC_Software's Presentation

  • NEAU_China's Presentation

  • Brainstorming

  • Lunch Time

  • SYSU-Software

  • SJTU-Software

  • SJTU-Software

  • HFUT_China: BioFunctional Designer

  • Welcome Address by Professor Liu

  • SYSU-Software's Presentation

  • Comments by Dr. Liang

  • Experience Exchangement hold by Nie Peng

  • SYSU-Software

  • Zhang People Win and His girls

  • XMU

  • NEAU_China

  • Group Photo

  • Comment by Dr. Liang

  • USTC_Software and SJTU-Software at Tianzhu Mountain

  • Group Photo at Tianzhu Mountain