Line 4,419: | Line 4,419: | ||
</div> | </div> | ||
<div class="w3-bar-block"> | <div class="w3-bar-block"> | ||
− | <a href="https://2017.igem.org/Team:Mingdao/Collaborations" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i> Collaborate</a> | + | <a href="https://2017.igem.org/Team:Mingdao/Collaborations" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw" style="font-size: 12px"></i> Collaborate</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> Silver</a> | ||
<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> | <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> | ||
Line 4,464: | Line 4,464: | ||
<div class="w3-quarter" style="color: white"> | <div class="w3-quarter" style="color: white"> | ||
− | <h2 style="color: white"> | + | <h2 style="color: white">Generic Topic</h2> |
<p>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.</p> | <p>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.</p> | ||
</div> | </div> | ||
Line 4,472: | Line 4,472: | ||
<img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" alt="Vernazza" style="width:100%"> | <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" alt="Vernazza" style="width:100%"> | ||
<div class="w3-container"> | <div class="w3-container"> | ||
− | <h3> | + | <h3>Seminar</h3> |
<h4>Trade</h4> | <h4>Trade</h4> | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
− | + | <div class="w3-container"> | |
+ | |||
+ | <button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button> | ||
+ | |||
+ | <div id="id01" class="w3-modal"> | ||
+ | <div class="w3-modal-content w3-card-4 w3-animate-zoom"> | ||
+ | <header class="w3-container w3-blue"> | ||
+ | <span onclick="document.getElementById('id01').style.display='none'" | ||
+ | class="w3-button w3-blue w3-xlarge w3-display-topright">×</span> | ||
+ | <h2>Header</h2> | ||
+ | </header> | ||
+ | |||
+ | <div class="w3-bar w3-border-bottom"> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'London')">London</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Paris')">Paris</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Tokyo')">Tokyo</button> | ||
+ | </div> | ||
+ | |||
+ | <div id="London" class="w3-container city"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%"> | ||
+ | <p><i>Pic. Description</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p> | ||
+ | <div class="w3-panel w3-leftbar w3-light-grey"> | ||
+ | <p class="w3-xlarge w3-serif"><i>Topic of Something</i></p> | ||
+ | <p>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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="Paris" class="w3-container city"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg" width="100%"> | ||
+ | <p><i>Pic. Description</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p> | ||
+ | <div class="w3-panel w3-leftbar w3-light-grey"> | ||
+ | <p class="w3-xlarge w3-serif"><i>Topic of Something</i></p> | ||
+ | <p>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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="Tokyo" class="w3-container city"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/89/Md-brainstorm-test.jpeg" width="100%"> | ||
+ | <p><i>Pic. Description</i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p> | ||
+ | <div class="w3-panel w3-leftbar w3-light-grey"> | ||
+ | <p class="w3-xlarge w3-serif"><i>Topic of Something</i></p> | ||
+ | <p>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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-container w3-light-grey w3-padding"> | ||
+ | <button class="w3-button w3-right w3-white w3-border" | ||
+ | onclick="document.getElementById('id01').style.display='none'">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | document.getElementsByClassName("tablink")[0].click(); | ||
+ | |||
+ | function openCity(evt, cityName) { | ||
+ | var i, x, tablinks; | ||
+ | x = document.getElementsByClassName("city"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | tablinks = document.getElementsByClassName("tablink"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | tablinks[i].classList.remove("w3-light-grey"); | ||
+ | } | ||
+ | document.getElementById(cityName).style.display = "block"; | ||
+ | evt.currentTarget.classList.add("w3-light-grey"); | ||
+ | } | ||
+ | </script> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 4,491: | Line 4,562: | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
− | + | <div class="w3-container"> | |
+ | |||
+ | <button onclick="document.getElementById('id02').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button> | ||
+ | |||
+ | <div id="id02" class="w3-modal"> | ||
+ | <div class="w3-modal-content w3-card-4 w3-animate-zoom"> | ||
+ | <header class="w3-container w3-blue"> | ||
+ | <span onclick="document.getElementById('id02').style.display='none'" | ||
+ | class="w3-button w3-blue w3-xlarge w3-display-topright">×</span> | ||
+ | <h2>Header</h2> | ||
+ | </header> | ||
+ | |||
+ | <div class="w3-bar w3-border-bottom"> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'London02')">London</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Paris02')">Paris</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Tokyo02')">Tokyo</button> | ||
+ | </div> | ||
+ | |||
+ | <div id="London02" class="w3-container city"> | ||
+ | <h1>London</h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="Paris02" class="w3-container city"> | ||
+ | <h1>Paris</h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="Tokyo02" class="w3-container city"> | ||
+ | <h1>Tokyo</h1> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-container w3-light-grey w3-padding"> | ||
+ | <button class="w3-button w3-right w3-white w3-border" | ||
+ | onclick="document.getElementById('id02').style.display='none'">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 4,505: | Line 4,614: | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
<p>Blablabla</p> | <p>Blablabla</p> | ||
− | + | <div class="w3-container"> | |
+ | |||
+ | <button onclick="document.getElementById('id01').style.display='block'" class="w3-button w3-black" style="width: 100%">Learn More</button> | ||
+ | |||
+ | <div id="id01" class="w3-modal"> | ||
+ | <div class="w3-modal-content w3-card-4 w3-animate-opacity"> | ||
+ | <header class="w3-container w3-blue"> | ||
+ | <span onclick="document.getElementById('id01').style.display='none'" | ||
+ | class="w3-button w3-blue w3-xlarge w3-display-topright">×</span> | ||
+ | <h2>Header</h2> | ||
+ | </header> | ||
+ | |||
+ | <div class="w3-bar w3-border-bottom"> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'London')">London</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Paris')">Paris</button> | ||
+ | <button class="tablink w3-bar-item w3-button" onclick="openCity(event, 'Tokyo')">Tokyo</button> | ||
+ | </div> | ||
+ | |||
+ | <div id="London" class="w3-container city"> | ||
+ | <h1>London</h1> | ||
+ | <p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p> | ||
+ | <p>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.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="Paris" class="w3-container city"> | ||
+ | <h1>Paris</h1> | ||
+ | <p>Paris is the capital of France.</p> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="Tokyo" class="w3-container city"> | ||
+ | <h1>Tokyo</h1> | ||
+ | <p>Tokyo is the capital of Japan.</p><br> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-container w3-light-grey w3-padding"> | ||
+ | <button class="w3-button w3-right w3-white w3-border" | ||
+ | onclick="document.getElementById('id01').style.display='none'">Close</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 4,539: | Line 4,690: | ||
<div class="inner"> | <div class="inner"> | ||
<!--Column one--> | <!--Column one--> | ||
− | <div> | + | <div class=> |
<div class="w3-row" style="width: 80%; margin-left:30px; padding:30px"> | <div class="w3-row" style="width: 80%; margin-left:30px; padding:30px"> | ||
<div class="w3-third w3-container" style="border-right: 10px solid #383838"> | <div class="w3-third w3-container" style="border-right: 10px solid #383838"> |
Revision as of 13:02, 30 September 2017
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.
Seminar
Trade
Blablabla
Blablabla
Blablabla
Customer 2
Trade
Blablabla
Blablabla
Blablabla
Customer 3
Trade
Blablabla
Blablabla
Blablabla
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
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
Achieve 2
-
Frozen
The response to the animations was ridiculous
-
The Fault in Our Stars
Touching, gripping and genuinely well made
Achieve 3
-
Frozen
The response to the animations was ridiculous
-
The Fault in Our Stars
Touching, gripping and genuinely well made
Project
Research
Design
Modeling
Human Practice
Collaboration
Enterprise...
Experts...
More
Something
Users
Active
Geo
Interests
Brainstorm
Debate
About us