Difference between revisions of "Team:UFAM-UEA Brazil"

Line 7: Line 7:
  
 
<style>
 
<style>
−
 
−
/* Style for our header texts
 
−
* --------------------------------------- */
 
 
 
 
h1{
 
h1{
Line 66: Line 63:
 
<body>
 
<body>
  
−
<ul id="menu">
+
<header>
−
<li data-menuanchor="slidePage"><a href="#slidePage">Home</a></li>
+
<a href="#homePage" class="logo" data-scroll></a>
−
<li data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
+
      <nav class="nav-collapse">
−
<li data-menuanchor="resultsPage"><a href="#resultsPage">Results</a></li>
+
        <ul>
−
<li data-menuanchor="partsPage"><a href="#partsPage">Parts</a></li>
+
<li class="menu-item" data-menuanchor="homePage"><a href="#homePage" data-scroll>Home</a></li>
−
<li data-menuanchor="mathModelingPage"><a href="#mathModelingPage">Math Modeling</a></li>
+
<li class="menu-item" data-menuanchor="abstractPage"><a href="#abstractPage">Abstract</a></li>
−
<li data-menuanchor="outReachPage"><a href="#outReachPage">Out Reach</a></li>
+
<li class="menu-item" data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
−
<li data-menuanchor="teamPage"><a href="#teamPage">Team</a></li>
+
<li class="menu-item" data-menuanchor="mathModelingPage"><a href="#mathModelingPage" data-scroll>Math Modeling</a></li>
−
<li data-menuanchor="contactPage"><a href="#contactPage">Contact</a></li>
+
<li class="menu-item" data-menuanchor="partsPage"><a href="#partsPage" data-scroll>Parts</a></li>
−
</ul>
+
<li class="menu-item" data-menuanchor="judgingPage"><a href="#judgingPage" data-scroll>Judging</a></li>
 +
<li class="menu-item" data-menuanchor="humanPracticePage"><a href="#humanPracticePage" data-scroll>Human Practice</a></li>
 +
<li class="menu-item" data-menuanchor="teamPage"><a href="#teamPage" data-scroll>Team</a></li>
 +
<li class="menu-item" data-menuanchor="sponsorsPage"><a href="#sponsorsPage" data-scroll>Sponsors</a></li>  
 +
        </ul>
 +
      </nav>
 +
</header>
  
 
<div id="fullpage">
 
<div id="fullpage">
  
 
<div class="sectionL " id="sectionL0">
 
<div class="sectionL " id="sectionL0">
−
<div class="intro">
+
<h1>Lorem ipsum</h1>
−
<h1>Hydrargium</h1>
+
<p>Lorem ipsum dolor sit amet</p>
−
<h2>A revolutionary method to Hg bioremediation in E. coli</h2>
+
−
</div>
+
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL111">
+
<div class="sectionL" id="sectionL1">
 
<div class="intro">
 
<div class="intro">
−
<h1>Project</h1>
+
<h1>Abstract</h1>
−
<p>Synthetic Biology allow us design new biological system for a specific function. We built an innovative system in Escherichia coli for mercury (Hg) bioremediation. Our project consists in two steps: designing a new promoter regulated by Hg and mer operon. To learn more about our project click below.</p>
+
<p>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. 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.
 +
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. </p>
 
 
−
<p class="readMore"><a href="#">Read more</a></p>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL112">
+
<div class="sectionL" id="sectionL2">
 +
 
<div class="intro">
 
<div class="intro">
−
+
<h1>Project</h1>
−
<div class="slide" id="slideResultMolecularDesign">
+
<p>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. </p>
−
<h2>Results</h2>
+
−
<h1>Molecular Design</h1>
+
 
<p class="readMore"><a href="#">Read more</a></p>
 
<p class="readMore"><a href="#">Read more</a></p>
−
</div>
 
−
 
−
<div class="slide" id="slideResultMeasurement">
 
−
<h2>Results</h2>
 
−
<h1>Measurement</h1>
 
−
<p class="readMore"><a href="#">Read more</a></p>
 
−
</div>
 
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL113">
+
<div class="sectionL" id="sectionL3">
 
<div class="intro">
 
<div class="intro">
−
<h1>Parts</h1>
+
<h1>Math Modeling</h1>
−
<p>We built a library of new parts which are essential for the design of new biological circuits for mercury bioremediation, going from regulatory protein gene to structural region of enzymes. To see all the biobricks click below.</p>
+
<p>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. </p>
−
+
 
<p class="readMore"><a href="#">Read more</a></p>
 
<p class="readMore"><a href="#">Read more</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL114">
+
<div class="sectionL" id="sectionL4">
 
<div class="intro">
 
<div class="intro">
−
<h1>Math Modeling</h1>
+
<h1>Parts</h1>
−
+
<p>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. </p>
 +
<p class="readMore"><a href="#">View table</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL115">
+
<div class="sectionL" id="sectionL5">
 +
<h1>Judging</h1>
 +
</div>
 +
 +
<div class="sectionL" id="sectionL6">
 
<div class="intro">
 
<div class="intro">
−
<h1>Out Reach</h1>
+
<h1>Human Practice</h1>
−
<p>School lectures seems to be quite stressful sometimes and because students miss the focus quickly. The school evasion is easily noticed. We developed a program of practical classes that get out of that ordinary line. We did a program with funny and interactive lectures related to biological themes, synthetic biology and genetic engineering. We had a huge success. Check this out!</p>
+
<p>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. </p>
−
+
 
<p class="readMore"><a href="#">Read more</a></p>
 
<p class="readMore"><a href="#">Read more</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL116">
+
<div class="sectionL" id="sectionL7">
−
<p class="readMore"><a href="#">View Team</a></p>
+
<p class="readMore"><a href="pages/team.html">View Team</a></p>
 
</div>
 
</div>
 
 
−
<div class="sectionL" id="sectionL117">
+
<div class="sectionL" id="sectionL8">
−
<h1>Contact</h1>
+
<h1>Sponsors</h1>
 
</div>
 
</div>
 
 
Line 161: Line 160:
  
 
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/settings_home?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/settings_home?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/fastclick?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/responsive-nav?action=raw&
 +
ctype=text/javascript"></script>
 +
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/scroll?action=raw&ctype=text/javascript"></script>
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Template:UFAM-UEA_Brazil/js/fixed-responsive-nav?action=raw&ctype=text/javascript"></script>
 +
 
</html>
 
</html>

Revision as of 20:18, 31 July 2016

Lorem ipsum

Lorem ipsum dolor sit amet

Abstract

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. 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. 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.

Project

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.

Read more

Math Modeling

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.

Read more

Parts

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.

View table

Judging

Human Practice

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.

Read more

Sponsors