Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"

m
 
(4 intermediate revisions by one other user not shown)
Line 458: Line 458:
 
         <div id="bacteria-nadando">
 
         <div id="bacteria-nadando">
 
         </div>
 
         </div>
 
 
     </div> <!-- scroll section ends -->
 
     </div> <!-- scroll section ends -->
  
Line 601: Line 600:
  
  
 
+
        <div style="height: 10vh; width: 100%; background-color: black;"><p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;">DRAG AND DROP!</p></div>
 
         <div id="dropzoneWrapper" style="background-color: black">
 
         <div id="dropzoneWrapper" style="background-color: black">
 
             <div id="gifDiv" style="height: 60vw; width: 60vw; background-color: black; position: absolute; z-index: 6; left: 20vw;">
 
             <div id="gifDiv" style="height: 60vw; width: 60vw; background-color: black; position: absolute; z-index: 6; left: 20vw;">
Line 632: Line 631:
 
             </div>
 
             </div>
 
             <div style="height: 60vw; width: 60vw; background-color: black; position: absolute; left: 20vw;">
 
             <div style="height: 60vw; width: 60vw; background-color: black; position: absolute; left: 20vw;">
                <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;">DRAG AND DROP!</p>
 
 
                 <div id="outer-dropzone" class="dropzone">
 
                 <div id="outer-dropzone" class="dropzone">
 
                     <div id="backgroundHolder">
 
                     <div id="backgroundHolder">
Line 834: Line 832:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 +
    <div class="slideshow">
 +
        <div class='right-arrow-pane'>
 +
            <div class='arrow'>
 +
                <div></div>
 +
            </div>
 +
        </div>
 +
        <div class='left-arrow-pane'>
 +
            <div class='arrow'>
 +
                <div></div>
 +
            </div>
 +
        </div>
 +
        <div class='bubbles'>
 +
        </div>
 +
        <div class='pauseBtn'>
 +
            <div class='bars'>
 +
                <div></div>
 +
                <div></div>
 +
            </div>
 +
            <div class='tri'>
 +
                <div></div>
 +
            </div>
 +
        </div>
 +
        <div class='content'>
 +
            <div class='slide'>
 +
                <video autoplay loop muted>
 +
                    <source src="https://static.igem.org/mediawiki/2018/4/45/T--Tec-Monterrey--HP_3_pH.mp4" type="video/mp4">
 +
                </video>
 +
            </div>
 +
            <div class='slide'>
 +
                <img src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--HP_3_ni%C3%B1ossolos.jpg" />
 +
            </div>
 +
            <div class='slide'>
 +
                <img src="https://static.igem.org/mediawiki/2018/f/f5/T--Tec-Monterrey--HP_3_trabajando.jpg" />
 +
            </div>
 +
            <div class='slide'>
 +
                <img src="https://static.igem.org/mediawiki/2018/b/be/T--Tec-Monterrey--HP_3_todos.jpg" />
 +
            </div>
 +
        </div>
 +
    </div>
  
 
         <script>
 
         <script>

Latest revision as of 01:29, 18 October 2018


E. coding
Tec-Monterrey

DRAG AND DROP!



     Pb

     NO3



     PO4

     As

Contact Us

Sponsors