Line 85: | Line 85: | ||
</script> | </script> | ||
− | |||
<head> | <head> | ||
− | |||
<meta name='viewport' content='width=device-width, initial-scale=1.0'> | <meta name='viewport' content='width=device-width, initial-scale=1.0'> | ||
Line 127: | Line 125: | ||
.home_wrapper { | .home_wrapper { | ||
background-color:rgba(35, 51, 31, 0.9); | background-color:rgba(35, 51, 31, 0.9); | ||
− | height: | + | height:40vw; |
+ | } | ||
+ | |||
+ | .introduction_wrapper { | ||
+ | background-color:#181f28; | ||
} | } | ||
Line 135: | Line 137: | ||
opacity:1; | opacity:1; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/* image */ | /* image */ | ||
.home_wrapper img:hover { | .home_wrapper img:hover { | ||
− | box-shadow:0 0 | + | box-shadow:0 0 0.8vw 0.5vw rgba(256,256,256, 0.5); |
} | } | ||
− | |||
/* Wrapper for the footer */ | /* Wrapper for the footer */ | ||
Line 205: | Line 201: | ||
<div class='home'> | <div class='home'> | ||
<!-- head vedeo --> | <!-- head vedeo --> | ||
− | <div class = 'head_wrapper' > | + | <div class = 'head_wrapper' style="height:100%;"> |
<center> | <center> | ||
<video loop autoplay controls | <video loop autoplay controls | ||
− | width= | + | width = "80%" > |
<source src='https://static.igem.org/mediawiki/2017/c/cd/T--NYMU-Taipei--home.mp4'> | <source src='https://static.igem.org/mediawiki/2017/c/cd/T--NYMU-Taipei--home.mp4'> | ||
Line 219: | Line 215: | ||
<div class='home_space'></div> | <div class='home_space'></div> | ||
− | <!-- first content: | + | <!-- first content:懶人包圖說 --> |
<div class='introduction_wrapper'> | <div class='introduction_wrapper'> | ||
<img src='https://static.igem.org/mediawiki/2017/d/d3/T--NYMU-Taipei--home_introduction.png' | <img src='https://static.igem.org/mediawiki/2017/d/d3/T--NYMU-Taipei--home_introduction.png' | ||
− | style='width:90vw | + | style='width:90vw'> |
</div> | </div> | ||
Line 231: | Line 227: | ||
<div class='home_wrapper'> | <div class='home_wrapper'> | ||
− | <div style="width: | + | <div style="width:100vw;height:6vw;background:rgba(35, 51, 31, 0);float:left"></div> |
− | <div style="width: | + | <div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);float:left"></div> |
<a href="https://2017.igem.org/Team:NYMU-Taipei/Overview"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/Overview"> | ||
<img src="https://static.igem.org/mediawiki/2017/3/3a/T--NYMU-Taipei--home1.jpg" | <img src="https://static.igem.org/mediawiki/2017/3/3a/T--NYMU-Taipei--home1.jpg" | ||
− | style="width: | + | style="width:27vw;border-radius:50%;float:left;"> |
</a> | </a> | ||
− | <div style="width: | + | <div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);;float:left"></div> |
<a href="https://2017.igem.org/Team:NYMU-Taipei/Parts"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/Parts"> | ||
<img src="https://static.igem.org/mediawiki/2017/8/87/T--NYMU-Taipei--home2.png" | <img src="https://static.igem.org/mediawiki/2017/8/87/T--NYMU-Taipei--home2.png" | ||
− | style="width: | + | style="width:27vw;border-radius:50%;float:left;"> <!--border:0.5vw solid #7c4949;--> |
</a> | </a> | ||
− | <div style="width: | + | <div style="width:4vw;height:34vw;background:rgba(35, 51, 31, 0);float:left;"></div> |
<a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated"> | ||
<img src="https://static.igem.org/mediawiki/2017/c/c2/T--NYMU-Taipei--homehp.png" | <img src="https://static.igem.org/mediawiki/2017/c/c2/T--NYMU-Taipei--homehp.png" | ||
− | style="width: | + | style="width:27vw;border-radius:50%;float:left;"> |
</a> | </a> | ||
Revision as of 01:56, 9 October 2017