Difference between revisions of "Team:AUC-EGYPT"

 
(71 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{AUC-EGYPT/Wiki_Stripdown}}{{AUC-EGYPT/stylesheet}}{{AUC-EGYPT/script}}
+
{{AUC-EGYPT/Wiki_Stripdown}}{{AUC-EGYPT/script}}{{AUC-EGYPT/navigationbar}}{{AUC-EGYPT/style.nav}}
 
<!--{{IGEM_TopBar}}{{AUC-EGYPT}} -->
 
<!--{{IGEM_TopBar}}{{AUC-EGYPT}} -->
 
<html>
 
<html>
 
 
 
<head>
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
Line 16: Line 14:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
 +
 
html{
 
html{
 
background-color:  #080727;
 
background-color:  #080727;
Line 28: Line 27:
 
   background: #080727;
 
   background: #080727;
 
   /* Center slide text vertically */
 
   /* Center slide text vertically */
 
+
 
   display: -webkit-box;
 
   display: -webkit-box;
 
   display: -ms-flexbox;
 
   display: -ms-flexbox;
Line 87: Line 86:
 
   }
 
   }
 
}
 
}
 
 
 
 
 
  
 
/*------------------*/
 
/*------------------*/
Line 141: Line 135:
 
}
 
}
  
/* Fading animation */
+
<!--/* Fading animation */
 
.fade {
 
.fade {
 
   -webkit-animation-name: fade;
 
   -webkit-animation-name: fade;
   -webkit-animation-duration: 1.5s;
+
   -webkit-animation-duration: 6s;
 
   animation-name: fade;
 
   animation-name: fade;
   animation-duration: 1.5s;
+
   animation-duration: 6s;
}
+
}-->
  
 
@-webkit-keyframes fade {
 
@-webkit-keyframes fade {
   from {opacity: .4}  
+
   from {opacity: .4}
 
   to {opacity: 1}
 
   to {opacity: 1}
 
}
 
}
  
 
@keyframes fade {
 
@keyframes fade {
   from {opacity: .4}  
+
   from {opacity: .4}
 
   to {opacity: 1}
 
   to {opacity: 1}
 
}
 
}
Line 176: Line 170:
 
         <div class="swiper-wrapper">
 
         <div class="swiper-wrapper">
 
           <div id="slide_one" class="swiper-slide">
 
           <div id="slide_one" class="swiper-slide">
          <img src="https://static.igem.org/mediawiki/2020/a/a2/T--AUC-EGYPT--GIF_1.gif" style="width:65%">
+
          <img src="https://static.igem.org/mediawiki/2020/6/6a/T--AUC-EGYPT--Slide1.png" style="width:900px; height: 507px;">
          </div>
+
</div>
 
+
<div id="slide_two" class="swiper-slide">
 +
          <video width="900" height="480" autoplay loop>
 +
  <source src="https://static.igem.org/mediawiki/2020/e/e2/T--AUC-EGYPT--Stage_1_VideoV2.mp4" type="video/mp4">
 +
</video>          </div>
 +
<div id="slide_one" class="swiper-slide">
 +
          <img src="https://static.igem.org/mediawiki/2020/d/d3/T--AUC-EGYPT--sol.png" style="width:900px; height: 507px;">
 +
</div>
 
           <div id="slide_two" class="swiper-slide">
 
           <div id="slide_two" class="swiper-slide">
           <img src="https://static.igem.org/mediawiki/2020/0/03/T--AUC-EGYPT--GIF_2.gif" style="width:65%">
+
           <video width="900" height="480" autoplay loop>
 +
  <source src="https://static.igem.org/mediawiki/2020/c/c8/T--AUC-EGYPT--Stage_2_Video.mp4" type="video/mp4">
 +
</video>
 
       </div>
 
       </div>
        <div id="slide_three" class="swiper-slide">
+
       
          <img src="https://static.igem.org/mediawiki/2020/a/af/T--AUC-EGYPT--GIF_3.gif" style="width:65%">
+
 
      </div>
+
<div id="slide_four" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/b/b9/T--AUC-EGYPT--GIF_4.gif" style="width:65%">
+
      </div>
+
<div id="slide_five" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/1/17/T--AUC-EGYPT--GIF_5.gif" style="width:65%">
+
      </div>
+
<div id="slide_six" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/a/a9/T--AUC-EGYPT--GIF_6.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/2/27/T--AUC-EGYPT--GIF_7_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/1/1e/T--AUC-EGYPT--GIF_8_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/5/52/T--AUC-EGYPT--GIF_9_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/5/5c/T--AUC-EGYPT--GIF_10_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/0/0c/T--AUC-EGYPT--GIF_11_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/7/70/T--AUC-EGYPT--GIF_12_s2.gif" style="width:65%">
+
      </div>
+
<div id="slide_seven" class="swiper-slide">
+
          <img src="https://static.igem.org/mediawiki/2020/c/c1/T--AUC-EGYPT--GIF_13_s2.gif" style="width:65%">
+
      </div>
+
         
+
 
           </div>
 
           </div>
  
         
+
        <img style="margin-button:260%;margin-left: 47%;" src="https://img.icons8.com/emoji/100/000000/2nd-place-medal-emoji.png"/>
 +
 
 
         </div>
 
         </div>
 
         <!-- Add Pagination -->
 
         <!-- Add Pagination -->
Line 238: Line 209:
 
             prevButton: '.swiper-button-prev',
 
             prevButton: '.swiper-button-prev',
 
             spaceBetween: 30,
 
             spaceBetween: 30,
             autoplay: 5000,
+
              
 
             autoplayDisableOnInteraction: false
 
             autoplayDisableOnInteraction: false
 
         });
 
         });
Line 247: Line 218:
 
   <!-- end .container-->
 
   <!-- end .container-->
 
   </div>
 
   </div>
 +
  
  

Latest revision as of 01:16, 19 December 2020