Difference between revisions of "Team:Mingdao"
| Line 5: | Line 5: | ||
<link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'> | <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet'> | ||
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'> | <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'> | ||
| − | <title> | + | <title>Description</title> |
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| − | <style | + | <style> |
* { | * { | ||
| − | + | box-sizing: border-box; | |
| − | + | } | |
| − | + | /* Create three equal columns that floats next to each other */ | |
| − | + | ||
.column { | .column { | ||
| − | float:left; | + | float: left; |
| − | width: | + | width: 34%; |
| − | + | padding: 5px 5px 5px 5px; | |
| + | height: 450px; /* Should be removed. Only for demonstration */ | ||
| + | top:0vh; | ||
| + | position:relative; | ||
| + | |||
} | } | ||
| − | .row{ | + | .middle { |
| + | width: 43%; | ||
| + | } | ||
| + | .right { | ||
| + | width: 23%; | ||
| + | } | ||
| + | |||
| + | /* Clear floats after the columns */ | ||
| + | .row:after { | ||
content: ""; | content: ""; | ||
display: table; | display: table; | ||
| Line 26: | Line 37: | ||
} | } | ||
| − | <!-- Responsive layout - makes the three columns stack on top of each other instead of next to each other | + | <!-- Responsive layout - makes the three columns stack on top of each other instead of next to each other --> |
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
.column { | .column { | ||
width: 100%; | width: 100%; | ||
} | } | ||
| − | }-- | + | } |
| + | </style> | ||
| + | |||
| + | <style type="text/css"> | ||
| + | * { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | box-sizing: border-box; } | ||
body { | body { | ||
| Line 39: | Line 57: | ||
font-family: 'Ubuntu' !important; | font-family: 'Ubuntu' !important; | ||
background-color: black;} | background-color: black;} | ||
| + | |||
.bg-container { | .bg-container { | ||
| Line 46: | Line 65: | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
| + | z-index:-1; | ||
| + | |||
} | } | ||
| Line 51: | Line 72: | ||
width: 100%; | width: 100%; | ||
padding: 0% 0% 0% 0%; | padding: 0% 0% 0% 0%; | ||
| + | z-index:-1; | ||
} | } | ||
| Line 60: | Line 82: | ||
padding: 0%; | padding: 0%; | ||
min-height: 400vh; | min-height: 400vh; | ||
| + | z-index:-1; | ||
} | } | ||
| Line 178: | Line 201: | ||
height:auto; | height:auto; | ||
margin: 0px auto !important; | margin: 0px auto !important; | ||
| + | z-index:1; | ||
| + | } | ||
| + | |||
| + | img.test { | ||
| + | position: absolute; | ||
| + | width:40%; | ||
| + | margin-left:30%; | ||
| + | z-index: -1; | ||
| + | } | ||
| + | img.mstest { | ||
| + | position: fixed; | ||
| + | margin-top:60%; | ||
| + | display: block; | ||
| + | width:100%; | ||
} | } | ||
| Line 238: | Line 275: | ||
height: 30px; | height: 30px; | ||
text-align: center; | text-align: center; | ||
| + | |||
} | } | ||
.fig_icon3{ | .fig_icon3{ | ||
| Line 253: | Line 291: | ||
height: 30px; | height: 30px; | ||
text-align: center; | text-align: center; | ||
| + | |||
} | } | ||
.fig_icon4{ | .fig_icon4{ | ||
| Line 268: | Line 307: | ||
height: 30px; | height: 30px; | ||
text-align: center; | text-align: center; | ||
| + | |||
} | } | ||
.fig_icon5{ | .fig_icon5{ | ||
| Line 299: | Line 339: | ||
height: 30px; | height: 30px; | ||
text-align: center; | text-align: center; | ||
| + | |||
} | } | ||
| + | |||
</style> | </style> | ||
| Line 308: | Line 350: | ||
<source src="https://static.igem.org/mediawiki/2018/e/ee/T--Mingdao--ProjectDescription01.mp4" type="video/mp4" > | <source src="https://static.igem.org/mediawiki/2018/e/ee/T--Mingdao--ProjectDescription01.mp4" type="video/mp4" > | ||
</video> | </video> | ||
| + | |||
<script> | <script> | ||
document.getElementById('vid').play(); | document.getElementById('vid').play(); | ||
</script> | </script> | ||
| + | |||
| + | |||
<div class="bg-container" style="max-height:none;"> | <div class="bg-container" style="max-height:none;"> | ||
| − | < | + | <!-- |
| + | <div class="my-main-container"> | ||
| + | <div class="main-content"> | ||
| + | <div class="text-area"> --> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
<div class="fig_block"> | <div class="fig_block"> | ||
| Line 329: | Line 381: | ||
</div> | </div> | ||
| − | <div class="row | + | <div class="row"> |
| − | <div class="column" style=" | + | <div class="column left " style="background-color:#4f0505;"> |
<h2 style="text-align: center" color="#FF8000">Project Motivation</h2> | <h2 style="text-align: center" color="#FF8000">Project Motivation</h2> | ||
<video playinline controls="true"> | <video playinline controls="true"> | ||
| − | + | <source src="https://static.igem.org/mediawiki/2018/3/39/T--Mingdao--HomePage_intro.mp4" type="video/mp4"; > | |
</video> | </video> | ||
</div> | </div> | ||
| − | + | <div class="column middle" style="background-color:#4f0505;"> | |
| − | <div class="column" style=" | + | |
<h2 style="text-align: center" color="#FF8000">Experimental Principle</h2> | <h2 style="text-align: center" color="#FF8000">Experimental Principle</h2> | ||
<video playinline controls="true"> | <video playinline controls="true"> | ||
| − | + | <source src="https://static.igem.org/mediawiki/2018/5/54/T--Mingdao--HomePage_BriefIntro.mp4" type="video/mp4" > | |
</video> | </video> | ||
</div> | </div> | ||
| − | + | <div class="column right" style="background-color:#4f0505;"> | |
| − | + | <h2 style="text-align: center" color="#FF8000">DM</h2> | |
| − | + | <img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" alt="" style="width:76%; margin-bottom: 0px;"> | |
| − | <img class="center" src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" alt="" style="width: | + | |
<p style="text-align:center"> | <p style="text-align:center"> | ||
| − | <a href="https://2018.igem.org/Team:Mingdao/DM_test"> | + | <a href="https://2018.igem.org/Team:Mingdao/DM_test"> <font color="#ffffff">see more </font><i class="fa fa-search" style="font-size:20px; color:white"></i></a> |
| − | + | <a href="https://static.igem.org/mediawiki/2018/0/03/T--Mingdao--HomePage_DM.pdf"> <font color="#ffffff">PDF </font><i class="fa fa-folder-open" style="font-size:20px; color:white"></i></a> | |
| − | + | </p> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | </p> | + | |
| − | + | ||
</div> | </div> | ||
| − | |||
<div class="top"> | <div class="top"> | ||
<img src="https://static.igem.org/mediawiki/2018/5/58/T--Mingdao--go_to_top.jpg" alt=""> | <img src="https://static.igem.org/mediawiki/2018/5/58/T--Mingdao--go_to_top.jpg" alt=""> | ||
</div> | </div> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Mingdao/test6}} | {{:Team:Mingdao/test6}} | ||
Revision as of 23:56, 16 October 2018
Quote
“”
Follow us on
Contact us
Phone: +886-4-23341797
EMAIL: biolab@ms.mingdao.edu.tw
No.497, Sec. 1, Zhongshan Rd., Wuri District, Taichung City 414, Taiwan (R.O.C.)