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

Line 10: Line 10:
 
<style>
 
<style>
  
−
/* Style for our header texts
 
−
* --------------------------------------- */
 
−
 
 
.sectionL{
 
.sectionL{
 
text-align:center;
 
text-align:center;
Line 20: Line 17:
 
background-size: cover;
 
background-size: cover;
 
}
 
}
−
.slide{
+
−
background-size: cover;
+
h1{
 +
font-size: 5em;
 +
font-family: arial,helvetica;
 +
color: #fff;
 +
margin:0;
 +
padding:0;
 +
 
}
 
}
 +
 +
#myVideo{
 +
position: absolute;
 +
right: 0;
 +
bottom: 0;
 +
top:0;
 +
right:0;
 +
width: 100%;
 +
height: 100%;
 +
background-size: 100% 100%;
 +
background-color: black; /* in case the video doesn't fit the whole page*/
 +
  background-image: /* our video */;
 +
  background-position: center center;
 +
  background-size: contain;
 +
  object-fit: cover; /*cover video background */
 +
  z-index:3;
 +
}
 +
 +
  
 +
/* Layer with position absolute in order to have it over the video
 +
* --------------------------------------- */
 +
#sectionL0 .layer{
 +
position: absolute;
 +
z-index: 4;
 +
width: 100%;
 +
left: 0;
 +
top: 43%;
 +
}
 +
 +
/*solves problem with overflowing video in Mac with Chrome */
 
#sectionL0{
 
#sectionL0{
−
background-image: url(img/bg1.jpg);
+
overflow: hidden;
−
padding: 0 0 0 0;
+
 +
#sectionL0 .layer{
 +
position: absolute;
 +
z-index: 4;
 +
width: 100%;
 +
left: 0;
 +
top: 43%;
 +
 
}
 
}
 
 
−
#sectionL8{
+
#sectionL0 .layer h1{background: rgba(25,25,25,0.5)};
−
background-image: url(img/team.jpg);
+
−
padding: 0 0 0 0;
+
−
}
+
 
 
 
</style>
 
</style>
Line 40: Line 77:
 
<body>
 
<body>
 
<header>
 
<header>
 +
    <a href="#" class="logo" data-scroll>Ingles</a>
 +
<a href="#" class="logo" data-scroll>Portugues</a>
 
       <nav class="nav-collapse">
 
       <nav class="nav-collapse">
 
         <ul>
 
         <ul>
−
+
<li class="menu-item" id="menu-project"><a href="#" data-scroll>Project</a></li>
−
<li class="menu-item" data-menuanchor="homePage"><a href="#homePage" data-scroll>Home</a></li>
+
<li class="menu-item" id="menu-judging"><a href="#" data-scroll>Judging</a></li>
−
<li class="menu-item" data-menuanchor="abstractPage"><a href="#abstractPage">Abstract</a></li>
+
<li class="menu-item" id="menu-humanPractice"><a href="#" data-scroll>Human Practice</a></li>
−
<li class="menu-item" data-menuanchor="projectPage"><a href="#projectPage">Project</a></li>
+
<li class="menu-item" id="menu-notebooks"><a href="#" data-scroll>Notebooks</a></li>
−
<li class="menu-item" data-menuanchor="mathModelingPage"><a href="#mathModelingPage" data-scroll>Math Modeling</a></li>
+
<li class="menu-item" id="menu-team"><a href="#" data-scroll>Team</a></li>
−
<li class="menu-item" data-menuanchor="resultsPage"><a href="#resultsPage" data-scroll>Results</a></li>
+
−
<li class="menu-item" data-menuanchor="judgingPage"><a href="#judgingPage" data-scroll>Judging</a></li>
+
−
<li class="menu-item" data-menuanchor="partsPage"><a href="#partsPage" data-scroll>Parts</a></li>
+
−
<li class="menu-item" data-menuanchor="policyPracticePage"><a href="#policyPracticePage" data-scroll>Policy and Practices</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>
 
         </ul>
 
       </nav>
 
       </nav>
Line 60: Line 93:
  
 
<div class="sectionL " id="sectionL0">
 
<div class="sectionL " id="sectionL0">
−
<div class="intro">
+
<video autoplay loop muted id="myVideo">
−
<h1>Lorem ipsum</h1>
+
<source src="img/flowers.mp4" type="video/mp4">
−
<h3>Lorem ipsum dolor sit amet</h3>
+
<source src="img/flowers.webm" type="video/webm">
 +
</video>
 +
 +
<div class="layer">
 +
<h1>UFAM-UEA Manaus</h1>
 
</div>
 
</div>
 
</div>
 
</div>
Line 70: Line 107:
 
<h1>Abstract</h1>
 
<h1>Abstract</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. 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>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. 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.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>
 
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>
 
 
Line 78: Line 117:
 
 
 
<div class="intro">
 
<div class="intro">
−
<h1>Project</h1>
+
<h1> video Abstract</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>
+
<video id="videoAbstract" width="840" height="360" controls>
−
+
<source src="img/v.mp4" type="video/mp4">
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/Project">Read more</a></h3>
+
</video>
 +
<div class="backTop"><a id="backTop" href="#">Back to top</a></div>
 +
</div>
 
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL3">
 
−
<div class="intro">
 
−
<h1>Math Modeling</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>
 
−
 
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/MathModeling">Read more</a></h3>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL4">
 
−
<div class="intro">
 
−
<h1>Results</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>
 
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/Results">Read more</a></h3>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL5">
 
−
<div class="intro">
 
−
<h1>Judging</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>
 
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/Judging">Read more</a></h3>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL6">
 
−
<div class="intro">
 
−
<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>
 
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/Parts">Read more</a></h3>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL7">
 
−
<div class="intro">
 
−
<h1>Policy and Practices</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>
 
−
 
−
<h3 class="readMore"><a href="2016.igem.org/Team:UFAM-UEA_Brazil/PolicyAndPractices">Read more</a></h3>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL8">
 
−
<h3 class="readMore"><a href="#">View Team</a></h3>
 
−
</div>
 
−
 
−
<div class="sectionL" id="sectionL9">
 
−
<div class="intro">
 
−
<h1>Sponsors</h1>
 
−
 
−
</div>
 
 
</div>
 
</div>
 
 

Revision as of 17:13, 11 September 2016

UFAM-UEA Manaus

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

video Abstract

Back to top