Difference between revisions of "Team:AUC-EGYPT"

 
(72 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>
 
<nav class="navbar navbar-expand-lg pl-4 pt-3 pr-4 mb-5 container">
 
    <a class="navbar-brand" href="https://2020.igem.org/Team:AFCM-Egypt"><img src="https://static.igem.org/mediawiki/2020/5/55/T--AFCM-Egypt--LOGO-BEGIN.png" alt="logo" width="100px"/></a>
 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
 
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
      <span class="navbar-toggler-icon"></span>
 
    </button>
 
 
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
 
      <ul class="navbar-nav ml-auto">
 
        <li class="nav-item active">
 
          <a class="nav-link" href="https://2020.igem.org/Team:AFCM-Egypt">Home <span class="sr-only">(current)</span></a>
 
        </li>
 
        <li class="nav-item dropdown">
 
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
            Team
 
          </a>
 
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/team">Team members</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Attributions">Attributions</a>
 
          </div>
 
        </li>
 
        <li class="nav-item dropdown">
 
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
            Project
 
          </a>
 
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Description">Description</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Engineering">Engineering</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Contribution">Contribution</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Implementation">Implementation</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Entrepreneurship">Entrepreneurship</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Model">Modeling</a>
 
          </div>
 
        </li>
 
        <li class="nav-item dropdown">
 
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
            Parts
 
          </a>
 
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Parts">Basic Parts</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Parts">Composite Parts</a>
 
          </div>
 
        </li>
 
        <li class="nav-item">
 
          <a class="nav-link" href="https://2020.igem.org/Team:AFCM-Egypt/Software">Software</a>
 
        </li>
 
        <li class="nav-item dropdown">
 
          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
            Human Practices
 
          </a>
 
          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Human_Practices">Human Practices</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Education">Education</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Collaborations">Collaboration</a>
 
            <a class="dropdown-item" href="https://2020.igem.org/Team:AFCM-Egypt/Partnership">Partnership</a>
 
          </div>
 
        </li>
 
      </ul>
 
    </div>
 
  </nav>
 
 
 
<head>
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
Line 76: Line 14:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
 +
 
html{
 
html{
 
background-color:  #080727;
 
background-color:  #080727;
Line 88: 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 147: Line 86:
 
   }
 
   }
 
}
 
}
 
 
 
 
 
  
 
/*------------------*/
 
/*------------------*/
Line 201: 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 236: 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 298: Line 209:
 
             prevButton: '.swiper-button-prev',
 
             prevButton: '.swiper-button-prev',
 
             spaceBetween: 30,
 
             spaceBetween: 30,
             autoplay: 5000,
+
              
 
             autoplayDisableOnInteraction: false
 
             autoplayDisableOnInteraction: false
 
         });
 
         });
Line 307: Line 218:
 
   <!-- end .container-->
 
   <!-- end .container-->
 
   </div>
 
   </div>
 +
  
  

Latest revision as of 01:16, 19 December 2020