Difference between revisions of "Team:Mingdao/Demonstrate"

Line 4,421: Line 4,421:
 
   <div class="w3-bar-block">
 
   <div class="w3-bar-block">
 
     <a href="https://2017.igem.org/Team:Mingdao/HP/Silver" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Silver</a>
 
     <a href="https://2017.igem.org/Team:Mingdao/HP/Silver" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Silver</a>
−
     <a href="https://2017.igem.org/Team:Mingdao/HP/Silver" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Gold</a><br>
+
     <a href="https://2017.igem.org/Team:Mingdao/HP/Gold_Integrated" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Gold</a><br>
 
   </div>
 
   </div>
 
   <div class="w3-bar-block">
 
   <div class="w3-bar-block">
Line 4,449: Line 4,449:
 
<div style="margin-left: 20px">
 
<div style="margin-left: 20px">
 
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
 
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
−
   <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Thank You to those who have helped us</span>
+
   <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Expert Consultation</span>
 
<br/><br/>
 
<br/><br/>
 
<!-- Box -->
 
<!-- Box -->
Line 4,457: Line 4,457:
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
<div class="inner">
−
<!-- Team Section -->
+
<div class="grid-style">
−
<section id="team">
+
 
−
<div class="bgimg-3 w3-display-container w3-opacity-min">
+
<div class="w3-half w3-centered">
−
<div class="w3-display-middle">
+
<div class="box">
−
    <span class="w3-xxlarge w3-text-white w3-wide">MEET OUT TEAM</span>
+
<div class="image fit">
−
  </div>
+
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" />
−
</div>
+
</div>
−
<!--Instructor-->
+
<div class="content">
−
<div class="">
+
<header class="align-center">
−
<div style="padding-top: 60px; padding-left: 20px">
+
<p class="w3-center">maecenas sapien feugiat ex purus</p>
−
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
+
<h2>Lorem ipsum dolor</h2>
−
  <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Instructor</span>
+
</header>
−
</div>
+
<p class="w3-center"> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
−
<div class="w3-container" style="padding:30px 16px" id="team">
+
<footer class="align-center">
−
  <div class="w3-row-padding w3-grayscale" style="margin-top:64px">
+
<a href="#" class="button alt">Learn More</a>
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
</footer>
−
  <div class="w3-card-2">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="John" style="width:100%">
+
</div>
−
<div class="w3-container">
+
</div>
−
  <h3>John Doe</h3>
+
 
−
  <p class="w3-opacity">CEO & Founder</p>
+
<div class="w3-half w3-centered">
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
<div class="box">
 +
<div class="image fit">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p class="w3-center">mattis elementum sapien pretium tellus</p>
 +
<h2>Vestibulum sit amet</h2>
 +
</header>
 +
<p class="w3-center"> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
 +
 
 
</div>
 
</div>
−
  </div>
 
 
</div>
 
</div>
−
  </div>
+
</section>
−
</div>
+
−
</div>
+
−
<!--Team Leader-->
+
−
<div class="">
+
−
<div style="padding-top: 60px; padding-left: 20px">
+
−
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
+
−
  <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Team Leader & Wiki Design</span>
+
−
</div>
+
−
<div class="w3-container" style="padding:30px 16px" id="team">
+
−
  <div class="w3-row-padding w3-grayscale" style="margin-top:64px">
+
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
−
  <div class="w3-card-2">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="John" style="width:100%">
+
−
<div class="w3-container">
+
−
  <h3>John Doe</h3>
+
−
  <p class="w3-opacity">CEO & Founder</p>
+
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
+
−
+
−
<div style="padding-top: 60px; padding-left: 20px">
+
−
<span class="w3-center w3-padding-small w3-black w3-xlarge w3-wide w3-animate-opacity"> <span class="w3-hide-small"></span> </span>
+
−
  <span class="w3-center w3-padding-large w3-xlarge w3-wide w3-animate-opacity">Team Members</span>
+
−
</div>
+
−
<div class="w3-container" style="padding:30px 16px" id="team">
+
−
  <div class="w3-row-padding w3-grayscale" style="margin-top:64px">
+
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
−
  <div class="w3-card-2">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="John" style="width:100%">
+
−
<div class="w3-container">
+
−
  <h3>John Doe</h3>
+
−
  <p class="w3-opacity">CEO & Founder</p>
+
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
−
  <div class="w3-card-2">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="Jane" style="width:100%">
+
−
<div class="w3-container">
+
−
  <h3>Anja Doe</h3>
+
−
  <p class="w3-opacity">Art Director</p>
+
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
−
  <div class="w3-card-2">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="Mike" style="width:100%">
+
−
<div class="w3-container">
+
−
  <h3>Mike Ross</h3>
+
−
  <p class="w3-opacity">Web Designer</p>
+
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
<div class="w3-col l3 m6 w3-margin-bottom">
+
−
  <div class="w3-card-2">
+
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="Dan" style="width:100%">
+
−
<div class="w3-container">
+
−
  <h3>Dan Star</h3>
+
−
  <p class="w3-opacity">Designer</p>
+
−
  <p>Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.</p>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
  </div>
+
−
</div>
+
−
</section>
+
−
 
+
  
 
<!-- Two -->
 
<!-- Two -->
Line 4,569: Line 4,509:
 
</div>
 
</div>
 
</section>
 
</section>
−
+
 
 
<!-- Three -->
 
<!-- Three -->
 
<section id="three" class="wrapper style2">
 
<section id="three" class="wrapper style2">
Line 4,617: Line 4,557:
 
<p>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.</p>
 
<p>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.</p>
 
</div>
 
</div>
 +
<div class="gallery">
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
</div>
 
</section>
 
</section>
 
<!--pre footre-->
 
<!--pre footre-->

Revision as of 10:31, 25 September 2017

iGEM Human Practice

Home Judging Team 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.

maecenas sapien feugiat ex purus

Lorem ipsum dolor

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

mattis elementum sapien pretium tellus

Vestibulum sit amet

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

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

Expert Consultation

Not limited to laboratory, we make business approach

Enterprise Outreach

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

Project

Research

Design

Modeling

Human Practice

Collaboration

Enterprise...

Experts...

More

Something

Users

Active

Geo

Interests

Brainstorm

Debate

About us