Line 43: | Line 43: | ||
background-image: url("https://i.imgur.com/DCyUlMO.jpg"); | background-image: url("https://i.imgur.com/DCyUlMO.jpg"); | ||
background-size: cover; | background-size: cover; | ||
+ | } | ||
+ | .title ul { | ||
+ | list-style-type: none; | ||
+ | position: relative; | ||
+ | float: right; | ||
} | } | ||
+ | .title ul li { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | padding-top: 4px; | ||
+ | padding-bottom: 4px; | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | cursor: pointer; | ||
+ | transition-duration: 0.75s; | ||
+ | border: solid 2px; | ||
+ | right: 20px; | ||
+ | bottom: 20px; | ||
+ | } | ||
.edu { | .edu { | ||
width: 80%; | width: 80%; | ||
Line 127: | Line 145: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
<div class="title"> | <div class="title"> | ||
− | < | + | <ul> |
+ | <li><a href="">Education</a></li> | ||
+ | <li><a href="">HP Silver</a></li> | ||
+ | <li><a href="">HP Gold</a></li> | ||
+ | <li><a href="">Collaboration</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
<div class="edu"> | <div class="edu"> |
Revision as of 01:51, 17 August 2018
Education
● NCTU Annual br Biotechnology Fair
HP Silver
● Conferences (6th Asia-Pacific)
● Skype Meetup
HP Gold
● Agriculture Improvement Station