Difference between revisions of "Team:Tianjin"

Line 12: Line 12:
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:begining?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:begining?action=raw&ctype=text/css" />
 
    
 
    
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:style666?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:demovideo?action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:videostyle?action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:video?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
 
     <link rel="stylesheet" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:main?action=raw&ctype=text/css">
 
     <link rel="canonical" href="">
 
     <link rel="canonical" href="">
Line 1,846: Line 1,848:
 
     <section id="home-portfolio-list--wrapper" class="portfolio-list--wrapper">
 
     <section id="home-portfolio-list--wrapper" class="portfolio-list--wrapper">
 
      
 
      
<div class="info">
+
  <div class="demovi">
    <div class="buttons">
+
             
      <p> <a href="" data-modal="#modal" class="modal__trigger"><img src="https://static.igem.org/mediawiki/2017/b/b3/Title.png"></a></p>
+
                <ul>
    </div>
+
                   
 
+
                    <li><button type="button" class="btn demovi-media" data-src="https://static.igem.org/mediawiki/2017/f/fc/Introduction-video.mp4"><img src="https://static.igem.org/mediawiki/2017/b/bb/1111.jpeg"></button></li>
 
+
                    <script src="https://2017.igem.org/Team:Tianjin/Resources/JS:MODALitmin?action=raw&ctype=text/javascript"></script>
  </div>
+
    <script src="https://2017.igem.org/Team:Tianjin/Resources/JS:script?action=raw&ctype=text/javascript"></script>
</div>
+
 
+
<!-- Modal -->
+
<div id="modal" class="modal modal__bg" role="dialog" aria-hidden="true">
+
  <div class="modal__dialog">
+
    <div class="modal__content">
+
    <video controls width="1075" height="600" preload="auto">
+
    <source src="https://static.igem.org/mediawiki/2017/f/fc/Introduction-video.mp4" type="video/mp4">
+
      </video>
+
      <!-- modal close button -->  
+
      <a href="" class="modal__close demo-close">
+
      <svg class="" viewBox="0 0 24 24">
+
        <path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"/>
+
        <path d="M0 0h24v24h-24z" fill="none"/>
+
      </svg>
+
      </a> </div>
+
  </div>
+
</div>
+
  
</div>
+
                </ul>
<script src="https://2017.igem.org/Team:Tianjin/Resources/JS:index?action=raw&ctype=text/javascript"></script> 
+
            </div>
 +
     
 
        
 
        
 
        
 
        

Revision as of 09:35, 24 October 2017

<!DOCTYPE html>