Sunnywu0369 (Talk | contribs) |
Sunnywu0369 (Talk | contribs) |
||
Line 859: | Line 859: | ||
} | } | ||
− | .card . | + | .card .faceabc{ |
position: absolute; | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
Line 870: | Line 870: | ||
} | } | ||
− | .card .face. | + | .card .face.face1abc{ |
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
− | .card .face. | + | .card .face.face1abc h2{ |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
− | .card .face. | + | .card .face.face1abc .content{ |
font-size:1.2em; | font-size:1.2em; | ||
margin:0; | margin:0; | ||
Line 887: | Line 887: | ||
} | } | ||
− | .card .face. | + | .card .face.face2abc{ |
background: #111; | background: #111; | ||
transition: 0.5s; | transition: 0.5s; | ||
} | } | ||
− | .card:nth-child(1) .face. | + | .card:nth-child(1) .face.face2abc{ |
background: linear-gradient(45deg, #3503ad, #f7308c); | background: linear-gradient(45deg, #3503ad, #f7308c); | ||
border-radius: 15px; | border-radius: 15px; | ||
} | } | ||
− | .card:nth-child(2) .face. | + | .card:nth-child(2) .face.face2abc{ |
background: linear-gradient(45deg, #ccff00, #09afff); | background: linear-gradient(45deg, #ccff00, #09afff); | ||
border-radius: 15px; | border-radius: 15px; | ||
} | } | ||
− | .card:nth-child(3) .face. | + | .card:nth-child(3) .face.face2abc{ |
background: linear-gradient(45deg, #e91e63, #ffeb3b); | background: linear-gradient(45deg, #e91e63, #ffeb3b); | ||
border-radius: 15px; | border-radius: 15px; | ||
} | } | ||
− | .card:hover .face. | + | .card:hover .face.face2abc{ |
height: 60px; | height: 60px; | ||
border-radius: 0 0 15px 15px; | border-radius: 0 0 15px 15px; | ||
} | } | ||
− | .card .face. | + | .card .face.face2abc:before{ |
content:''; | content:''; | ||
position: absolute; | position: absolute; | ||
Line 923: | Line 923: | ||
} | } | ||
− | .card .face. | + | .card .face.face2abc h2{ |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
Line 932: | Line 932: | ||
} | } | ||
− | .card:hover .face. | + | .card:hover .face.face2abc h2{ |
font-size: 2em; | font-size: 2em; | ||
} | } | ||
Line 1,298: | Line 1,298: | ||
<div class="container"> | <div class="container"> | ||
<div class="cardabc"> | <div class="cardabc"> | ||
− | <div class="face | + | <div class="face face1abc"> |
<div class="content"> | <div class="content"> | ||
<h2>Lorem Ipsum</h2> | <h2>Lorem Ipsum</h2> | ||
Line 1,304: | Line 1,304: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="face | + | <div class="face face2abc"> |
<h2>01</h2> | <h2>01</h2> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="cardabc"> | <div class="cardabc"> | ||
− | <div class="face | + | <div class="face face1abc"> |
<div class="content"> | <div class="content"> | ||
<h2>Lorem Ipsum</h2> | <h2>Lorem Ipsum</h2> | ||
Line 1,315: | Line 1,315: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="face | + | <div class="face face2abc"> |
<h2>02</h2> | <h2>02</h2> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="cardabc"> | <div class="cardabc"> | ||
− | <div class="face | + | <div class="face face1abc"> |
<div class="content"> | <div class="content"> | ||
<h2>Lorem Ipsum</h2> | <h2>Lorem Ipsum</h2> | ||
Line 1,326: | Line 1,326: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="face | + | <div class="face face2abc"> |
<h2>03</h2> | <h2>03</h2> | ||
</div> | </div> |
Revision as of 11:48, 14 October 2021
MenTAUR
MenTAUR, your live's mentor
MenTAUR
MenTAUR,your live’s mentor. We aim to provide a special solution for the above problem.Learn more on our description page!
Menble
Bubble milk tea has always been a popular drink in the world, and it comes from the land we live in, Taiwan. Learn more on our description page!
f(int)
In order to know if the bubbles could work well after eating them, we have come up with a microfluidic chip that can simulate the environment of the human intestine.Learn more on our hardware page!
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry when an unknown printer took a galley of type and scrambled it to make a type specimen book.
01
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry when an unknown printer took a galley of type and scrambled it to make a type specimen book.
02
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry when an unknown printer took a galley of type and scrambled it to make a type specimen book.
03
References
- Kessler RC, Bromet EJ. The Epidemiology of Depression Across Cultures. Annual Review of Public Health. 2013;34(1):119-138. doi:10.1146/annurev-publhealth-031912-114409
- Nochaiwong S, Ruengorn C, Thavorn K, et al. Global prevalence of mental health issues among the general population during the coronavirus disease-2019 pandemic: a systematic review and meta-analysis. Scientific Reports. 2021;11(1). doi:10.1038/s41598-021-89700-8