Difference between revisions of "Team:Amazonas Brazil/Demonstrate"

 
(199 intermediate revisions by 6 users not shown)
Line 34: Line 34:
  
 
<header>
 
<header>
−
     <nav class="navbar navbar-fixed-top navbar-default" style="background-color: rgba(255, 255, 255, 0);">
+
     <nav class="navbar navbar-fixed-top navbar-default" id="#" style="background-color: rgba(255, 255, 255, 0);">
 
       <ul class="Links_bar" style="background: linear-gradient(to left, #263D9E, #3F2759);">
 
       <ul class="Links_bar" style="background: linear-gradient(to left, #263D9E, #3F2759);">
 
         <li><a class="Link-pg" href="https://2017.igem.org/Team:Amazonas_Brazil"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png"  width="104.04";height="90"; class="Menu_image"></a></li>
 
         <li><a class="Link-pg" href="https://2017.igem.org/Team:Amazonas_Brazil"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png"  width="104.04";height="90"; class="Menu_image"></a></li>
−
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/Project">Project</a></li>
+
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/Project">Description</a></li>
 
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/Model">Modelling</a></li>
 
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/Model">Modelling</a></li>
 
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/InterLab">Interlab</a></li>
 
         <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/InterLab">Interlab</a></li>
 +
        <li><a class="bar_text" href="https://2017.igem.org/Team:Amazonas_Brazil/Applied_Design">Design</a></li>
 
       </ul>
 
       </ul>
  
Line 78: Line 79:
 
           <div class="hero-full-wrapper">
 
           <div class="hero-full-wrapper">
 
             <div class="text-content  text-center">
 
             <div class="text-content  text-center">
−
               <h2 class="Page_Title" align="middle">Demonstrate</h2>
+
               <h2 class="Page_Title" align="middle">DEMONSTRATE</h2>
−
  </div>
+
 
 +
        </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 91: Line 93:
 
         <div class="row section-container-spacer">
 
         <div class="row section-container-spacer">
 
           <div class="col-xs-12";>
 
           <div class="col-xs-12";>
−
            <h1 class="First"style="text-align: center;">Demonstrate</h1>
+
              <div style="margin-bottom: 0;padding-bottom: 0; margin-top: 15px;">
 +
 
 +
              <img alt="Erro" style="width: 70%;height: 70%; margin-left: 17%" usemap="#toolbox"
 +
              src="https://static.igem.org/mediawiki/2017/f/f8/Amazonas_Brazil_2017-10-31.png">
 +
 
 +
              <map name="toolbox">
 +
                <area shape="rect" coords="321,3,788,336" href="#toolbox2"> <!--toolbox -->
 +
               
 +
                <area shape="rect" coords="9,603,398,835" href="#crout2"> <!--crout -->
 +
               
 +
                <area shape="rect" coords="709,607,1099,836" href="#crin2"> <!--crin -->
 +
              </map>
 +
 
 +
              </div>
 +
             
 +
 
 +
              <div>
 +
 
 
             <div>
 
             <div>
−
               <p class="p">
+
               <a data-toggle="tab" data-target="#toolbox" id="toolbox2">
−
                Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat.
+
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px;opacity: 1"
−
                Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum.
+
              src="https://static.igem.org/mediawiki/2017/c/c2/Amazonas_Brazil_Demonstrate1_2.png"
−
                Nulla quis diam. Ut tempus purus at lorem.
+
              onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
−
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
              onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- Toolbox -->
−
                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
              </a>
−
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
−
                </p>
+
 
             </div>
 
             </div>
−
             <h1 class="p">Lorem ipsum</h1>
+
 
−
            <div>
+
             <div class="tab-content" align="center">
−
              <p class="p">
+
              <div id="toolbox" class="team-content tab-pane fade" >
−
                Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat.
+
               <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px"
−
                Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum.
+
              src="https://static.igem.org/mediawiki/2017/5/58/Amazonas_Brazil_Assembly.png">
−
                Nulla quis diam. Ut tempus purus at lorem.
+
               </div>
−
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
−
                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
−
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
−
                </p>
+
−
               <p class="p">
+
−
                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
                Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat
+
−
                Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum.
+
−
                Nulla quis diam. Ut tempus purus at lorem.
+
−
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
−
                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
−
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
−
                Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
               </p>
+
 
             </div>
 
             </div>
−
             <h1 class="p">Lorem ipsum</h1>
+
              
 
             <div>
 
             <div>
−
               <p class="p">
+
               <a data-toggle="tab" data-target="#crout" id="crout2">
−
                 Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat.
+
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px;opacity: 1"
−
                 Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum.
+
              src="https://static.igem.org/mediawiki/2017/6/63/Amazonas_Brazil_Demonstrate3_1.png"
−
                 Nulla quis diam. Ut tempus purus at lorem.
+
              onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
−
               </p>
+
              onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- CROUT -->
−
            </div>
+
              </a>
−
          </div>
+
            </div>
 +
 
 +
            <div class="tab-content" align="center">
 +
              <div id="crout" class="team-content tab-pane fade" >               
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px"
 +
              src="https://static.igem.org/mediawiki/2017/0/0d/Amazonas_Brazil_Demonstrate4.png">
 +
              <img alt="Erro" style="width: 60%;height: 80%;margin-left: 20%; margin-top: 60px"
 +
              src="https://static.igem.org/mediawiki/2017/8/85/Amazonas_Brazil_Demonstrate4_5.png">
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 15px"
 +
              src="https://static.igem.org/mediawiki/2017/e/ea/Amazonas_Brazil_Demonstrate5.png">
 +
           
 +
             
 +
                 <div class="container-fluid" style="background-color:#323232; margin-bottom: 60px">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a9/Amazonas_Brazil_Demonstrate_Proof_1.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/9/9a/Amazonas_Brazil_Demonstrate_Proof_2.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a0/Amazonas_Brazil_Demonstrate_Proof_3.png">
 +
                </div>
 +
             
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 8%; margin-top: 60px"
 +
                src="https://static.igem.org/mediawiki/2017/3/3e/Amazonas_Brazil_Discussion.png">
 +
              </div>
 +
              </div>
 +
           
 +
              <div>
 +
                <a data-toggle="tab" data-target="#crin" id="crin2">
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px;opacity: 1"
 +
                    src="https://static.igem.org/mediawiki/2017/f/f8/Amazonas_Brazil_Demonstrate6_1.png"
 +
                    onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
 +
                    onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- CRIN -->
 +
                  </a>
 +
              </div>
 +
             
 +
                <div class="tab-content" align="center">
 +
                  <div id="crin" class="team-content tab-pane fade" > 
 +
                 
 +
                  <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
                    src="https://static.igem.org/mediawiki/2017/d/d1/Amazonas_Brazil_Demonstrate7.png">
 +
                 <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/f/fa/Amazonas_Brazil_Demonstrate8.png">
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/3/34/Amazonas_Brazil_Demonstrate9.png">
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/7/74/Amazonas_Brazil_Demonstrate10.png">
 +
             
 +
             
 +
                 <div class="container-fluid" style="background-color:#323232; margin-bottom: 60px">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/6/60/Amazonas_Brazil_Demonstrate_Proof_4.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a2/Amazonas_Brazil_Demonstrate_Proof_5.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/3/3a/Amazonas_Brazil_Demonstrate_Proof_6.png">
 +
                </div>
 +
               
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 8%; margin-top: 60px"
 +
                src="https://static.igem.org/mediawiki/2017/2/2f/Amazonas_Brazil_Discussion2.png">
 +
                </div>
 +
               </div>
 +
 
 +
             
 +
      <!--      <div style="background-color:#323232">
 +
                <div>
 +
                  <p>
 +
                    Teste
 +
                  </p>
 +
                </div>
 +
              </div> Div para imagens -->  
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
+
</div>
 
<script>
 
<script>
 
     document.addEventListener("DOMContentLoaded", function (event) {
 
     document.addEventListener("DOMContentLoaded", function (event) {
Line 146: Line 212:
 
<script type="text/javascript" src="https://2017.igem.org/Template:Amazonas_Brazil/JS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:Amazonas_Brazil/JS?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 +
 +
<footer style="position:fixed;">
 +
<div class="subcontainer">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 0.5em;right: 0.5em;opacity: 0.5;"></a>
 +
</div>
 +
</footer>
 +
 
<footer style="background: linear-gradient(to left, #263D9E, #3F2759)">
 
<footer style="background: linear-gradient(to left, #263D9E, #3F2759)">
 
   <div class="footer-container" >
 
   <div class="footer-container" >
Line 158: Line 232:
 
         <i class="fa fa-facebook" aria-hidden="true"></i>
 
         <i class="fa fa-facebook" aria-hidden="true"></i>
 
     </a>
 
     </a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 5.5em;right: 0.5em;opacity: 0.5;"></a>
 
   </p>
 
   </p>
 
   </div>
 
   </div>

Latest revision as of 03:24, 2 November 2017

Wiki_iGEM_Amazonas

DEMONSTRATE

Erro