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

 
(203 intermediate revisions by 6 users not shown)
Line 16: Line 16:
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
 
#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;margin-right: 0;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;margin-right: 0;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
.fa-icon1:hover,.fa-icon1:focus{
 
  background-color: #2b2b2b;
 
}
 
 
.Menu{
 
  background-color: #5f5f5f;
 
  font-size: 3em;
 
  text-align: center;
 
  padding-top: 0.7em;
 
  height: 2.2em;
 
  text-decoration: none;
 
}
 
.Menu:hover{
 
  background-color: #2b2b2b;
 
}
 
 
.image-Menu{
 
  width: 100%;
 
  height: 100%;
 
}
 
 
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 
    font-family: 'Dosis', sans-serif !important;
 
    font-weight: 600 !important;
 
    line-height: 1.1;
 
}
 
p {
 
    font-family: 'Dosis', sans-serif !important;
 
    font-weight: 400;
 
}
 
.p{
 
    font-size: 0.87em !important;
 
  }
 
  
 
</style>
 
</style>
Line 55: Line 21:
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS:icon?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Amazonas_Brazil/CSS:icon?action=raw&ctype=text/css">
 +
 +
 +
  
 
<title>Wiki_iGEM_Amazonas</title>
 
<title>Wiki_iGEM_Amazonas</title>
Line 60: Line 29:
 
</head>
 
</head>
  
<body style="width:100%; height:100%; padding: 0; margin: 0;">
+
<body class="body">
  
 
   <!-- Add your content of header -->
 
   <!-- Add your content of header -->
  
  <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 style="opacity:0.95;list-style-type:none;margin:0;padding:0;background: linear-gradient(to left, #263D9E, #3F2759);overflow:hidden;position: fixed;top: 0;width: 100%;">
+
      <ul class="Links_bar" style="background: linear-gradient(to left, #263D9E, #3F2759);">
         <li><a class="Link-pg" style="padding: 0 1em;" 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"style="margin-top: 0.3em;"></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 style = "margin-top: 0.5em;float: left; display: block; color: white; text-align: center; padding: 19px 16px; text-decoration: none;" 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/Project">Description</a></li>
         <li><a style = "margin-top: 0.5em;float: left; display: block; color: white; text-align: center; padding: 19px 16px; text-decoration: none;" 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/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/Applied_Design">Design</a></li>
 
       </ul>
 
       </ul>
  
 
       <div class="container">
 
       <div class="container">
         <button type="button" class="navbar-toggle" style="float: right;">
+
         <button type="button" class="navbar-toggle">
 
           <span class="sr-only">Menu</span>
 
           <span class="sr-only">Menu</span>
 
           <span class="icon-bar" style="background-color: white"></span>
 
           <span class="icon-bar" style="background-color: white"></span>
Line 81: Line 52:
  
 
         <nav class="navbar-fullscreen" id="navbar-middle" style="opacity:0.9;">
 
         <nav class="navbar-fullscreen" id="navbar-middle" style="opacity:0.9;">
           <button type="button" class="close" aria-label="Close"><span aria-hidden="true" style="top: 0.3em; position: absolute;right: 0.05em;">&times;</span></button>
+
           <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  
 
         <div class="main-container">
 
         <div class="main-container">
           <div class="subcontainer" style="margin-top: 5em;">
+
           <div class="subcontainer" id ="top">
     <a class="Menu" style="margin-right: 0.5em; width: 50%; color: white; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/Project">PROJECT</a>
+
     <a class="Menu" id="Link_Menu1" href="https://2017.igem.org/Team:Amazonas_Brazil/Project">PROJECT</a>
     <a class="Menu" style="width: 50%; color: white; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/Biobricks">BIOBRICKS</a>
+
     <a class="Menu" id="Link_Menu2" href="https://2017.igem.org/Team:Amazonas_Brazil/Biobricks">BIOBRICKS</a>
 
     </div>
 
     </div>
 
           <div class="subcontainer">
 
           <div class="subcontainer">
     <a class="Menu" style=" color: white;margin-right: 0.5em; width: 40%; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/Software">SOFTWARE</a>
+
     <a class="Menu" id="Link_Menu3" href="https://2017.igem.org/Team:Amazonas_Brazil/Software">SOFTWARE</a>
     <a class="Menu" style="width: 60%; color: white; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/Human_Practices">HUMAN PRACTICES</a>
+
     <a class="Menu" id="Link_Menu4" href="https://2017.igem.org/Team:Amazonas_Brazil/Human_Practices">HUMAN PRACTICES</a>
 
     </div>
 
     </div>
     <div class="subcontainer" style="margin-bottom: 1em;">
+
     <div class="subcontainer" id="bottom" style="margin-bottom: 1em;">
<a class="Menu" style="margin-right: 0.5em; width: 70%; color: white; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/Achievements">ACHIEVEMENTS</a>
+
<a class="Menu" id="Link_Menu5" href="https://2017.igem.org/Team:Amazonas_Brazil/Achievements">ACHIEVEMENTS</a>
<a class="Menu" style="width: 30%; color: white; text-decoration: none;" href="https://2017.igem.org/Team:Amazonas_Brazil/People">PEOPLE</a>
+
<a class="Menu" id="Link_Menu6" href="https://2017.igem.org/Team:Amazonas_Brazil/People">PEOPLE</a>
 
</div>
 
</div>
 
           </div>
 
           </div>
Line 102: Line 73:
 
   </header>
 
   </header>
  
<div class="hero-full-container background-image-container white-text-container" style="background: linear-gradient(to left, #263D9E, #3F2759);width: 100%;">
+
  <div class="hero-full-container background-image-container white-text-container" style="background: linear-gradient(to left, #263D9E, #3F2759);">
  <div class="container">
+
    <div class="container">
    <div class="row">
+
      <div class="row">
      <div class="col-xs-12">
+
        <div class="col-xs-12">
        <div class="hero-full-wrapper">
+
          <div class="hero-full-wrapper">
          <div class="text-content  text-center" style="left: 0;margin-left: 0;margin-top: 23%;padding: 0" >
+
            <div class="text-content  text-center">
            <h2 align="middle" style="font-size: 3em; margin: -1em 0 -1.8em;padding: 0;height: 3em;">Demonstrate</h2>
+
              <h2 class="Page_Title" align="middle">DEMONSTRATE</h2>
      <h2 align="middle" style="font-size: 1.5em; margin: 0;padding: 0;"></h2>
+
 
</div>
+
        </div>
 +
          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
</div>
 
  
 
<div class="section-container">
 
<div class="section-container">
Line 122: 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 style="padding: 1em 0 0 0;text-align: center;height: 2.2em;">Demonstrate</h1>
+
              <div style="margin-bottom: 0;padding-bottom: 0; margin-top: 15px;">
            <div style="padding: 1em 0 0 0; text-align: justify;">
+
 
<p class="p">
+
              <img alt="Erro" style="width: 70%;height: 70%; margin-left: 17%" usemap="#toolbox"
                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.
+
              src="https://static.igem.org/mediawiki/2017/f/f8/Amazonas_Brazil_2017-10-31.png">
                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.
+
              <map name="toolbox">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
                <area shape="rect" coords="321,3,788,336" href="#toolbox2"> <!--toolbox -->
                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.
+
                <area shape="rect" coords="9,603,398,835" href="#crout2"> <!--crout -->
                </p>
+
               
 +
                <area shape="rect" coords="709,607,1099,836" href="#crin2"> <!--crin -->
 +
              </map>
 +
 
 +
              </div>
 +
             
 +
 
 +
              <div>
 +
 
 +
            <div>
 +
              <a data-toggle="tab" data-target="#toolbox" id="toolbox2">
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px;opacity: 1"
 +
              src="https://static.igem.org/mediawiki/2017/c/c2/Amazonas_Brazil_Demonstrate1_2.png"
 +
              onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
 +
              onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- Toolbox -->
 +
              </a>
 
             </div>
 
             </div>
             <h1 style="padding: 1em 0 0 0;">Lorem ipsum</h1>
+
 
            <div style="padding: 1em 0 0 0; text-align: justify;">
+
             <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 style="padding: 1em 0 0 0; text-align: justify;">Lorem ipsum</h1>
+
           
            <div style="padding: 1em 0 0 0; text-align: justify;">
+
             <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 177: 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" >
 
   <p class="footer-share-icons">
 
   <p class="footer-share-icons">
     <a href="https://twitter.com/IGEM_Amazonas" class="fa-icon1" title="" style="padding-right: 0;color: #fff;">
+
     <a href="https://twitter.com/IGEM_Amazonas" class="fa-icon" title="">
 
         <i class="fa fa-twitter" aria-hidden="true"></i>
 
         <i class="fa fa-twitter" aria-hidden="true"></i>
 
     </a>
 
     </a>
     <a href="https://www.instagram.com/igem_amazonas_brazil/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;">
+
     <a href="https://www.instagram.com/igem_amazonas_brazil/" class="fa-icon" title="">
 
         <i class="fa fa-instagram" aria-hidden="true"></i>
 
         <i class="fa fa-instagram" aria-hidden="true"></i>
 
     </a>
 
     </a>
     <a href="https://www.facebook.com/ManausnoiGEM/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;">
+
     <a href="https://www.facebook.com/ManausnoiGEM/" class="fa-icon" title="">
 
         <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