Difference between revisions of "Team:Mingdao/HP/Gold Integrated"

Line 4,477: Line 4,477:
 
  <p>Blablabla</p>
 
  <p>Blablabla</p>
 
  <p>Blablabla</p>
 
  <p>Blablabla</p>
−
  <div class="w3-container">
+
    <div align="center"><button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-green w3-large">Login</button>
−
  <button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black" >Open Animated Modal</button>
+
  </div>
−
 
+
 
  <div id="id01" class="w3-modal">
 
  <div id="id01" class="w3-modal">
−
<div class="w3-modal-content w3-animate-top w3-card-4">
+
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:600px">
−
  <header class="w3-container w3-teal">
+
−
<span onclick="document.getElementById('id01').style.display='none'"  
+
−
class="w3-button w3-display-topright">&times;</span>
+
−
<h2>Modal Header</h2>
+
−
  </header>
+
−
+
−
  <div class="w3-content w3-display-container">
+
−
<div class="w3-display-container mySlides">
+
−
  <div class="w3-display-topleft w3-large w3-container w3-padding-16 w3-black">
+
−
  Picture 0
+
−
  </div>
+
−
 
+
−
</div>
+
  
−
<div class="w3-display-container mySlides">
+
  <div class="w3-center"><br>
−
  <div class="w3-display-topleft w3-large w3-container w3-padding-16 w3-black">
+
<span onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-topright" title="Close Modal">&times;</span>
−
  Picture 1
+
<img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" alt="Avatar" style="width:30%">
−
  </div>
+
  </div>
 +
 
 +
<div class="w3-section">
 +
<div class="w3-panel w3-leftbar w3-light-grey">
 +
<p class="w3-xlarge w3-serif"><i>"Make it as simple as possible, but not simpler."</i></p>
 +
<p>Albert Einstein</p>
 +
  </div>
 +
  <button class="w3-button w3-block w3-green w3-section w3-padding" type="submit">Login</button>
 
</div>
 
</div>
  
  
 +
  <div class="w3-container w3-border-top w3-padding-16 w3-light-grey">
  
 +
  </div>
  
−
<button class="w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
 
−
<button class="w3-button w3-display-right w3-black" onclick="plusDivs(1)">&#10095;</button>
 
−
 
−
</div>
 
−
 
−
<script>
 
−
var slideIndex = 1;
 
−
showDivs(slideIndex);
 
−
 
−
function plusDivs(n) {
 
−
  showDivs(slideIndex += n);
 
−
}
 
−
 
−
function showDivs(n) {
 
−
  var i;
 
−
  var x = document.getElementsByClassName("mySlides");
 
−
  if (n > x.length) {slideIndex = 1}   
 
−
  if (n < 1) {slideIndex = x.length}
 
−
  for (i = 0; i < x.length; i++) {
 
−
x[i].style.display = "none"; 
 
−
  }
 
−
  x[slideIndex-1].style.display = "block"; 
 
−
}
 
−
</script>
 
−
  <footer class="w3-container w3-teal">
 
−
<p>Modal Footer</p>
 
−
  </footer>
 
 
</div>
 
</div>
 
  </div>
 
  </div>
−
</div>
+
       
 
  </div>
 
  </div>
 
  </div>
 
  </div>

Revision as of 13:35, 30 September 2017

iGEM Human Practice

Home Attributions Project Human-Practice Notebook Brainstorm
Expert Consultation

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Generic Topic

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Vernazza

Seminar

Trade

Blablabla

Blablabla

Blablabla


× Avatar

"Make it as simple as possible, but not simpler."

Albert Einstein

Cinque Terre

Customer 2

Trade

Blablabla

Blablabla

Blablabla

Monterosso

Customer 3

Trade

Blablabla

Blablabla

Blablabla

Expert Consultation

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

To achieve our goal, we consult experts in different areas of study

Expert Consultation

Company 2

The w3-third class uses one third (33.33%) of the screen widow.

On small screens (max 600 pixels) it automatically resizes to full screen width.


Company One

The w3-third class uses one third (33.33%) of the screen widow.

On small screens (max 600 pixels) it automatically resizes to full screen width.

Not limited to laboratory, we make business approach

Education

Expert Consultation

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum dolor sit amet nullam.

Achieve 1

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

Next

Achieve 2

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

Next

Achieve 3

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

Next

Project

Research

Design

Modeling

Human Practice

Collaboration

Enterprise...

Experts...

More

Something

Users

Active

Geo

Interests

Brainstorm

Debate

About us