Line 40: | Line 40: | ||
margin-top: -50px; | margin-top: -50px; | ||
margin-bottom: 150px; | margin-bottom: 150px; | ||
− | animation: ani | + | animation: ani 5s 1; |
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
} | } | ||
.edu { | .edu { | ||
− | width: | + | width: 2000px; |
− | height: | + | height: 1200px; |
position: relative; | position: relative; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | background-image: url("https://i.imgur.com/ | + | background-image: url("https://i.imgur.com/O0vYeCB.png"); |
background-size: cover; | background-size: cover; | ||
} | } | ||
.silver { | .silver { | ||
− | width: | + | width: 2000px; |
− | height: | + | height: 1200px; |
position: relative; | position: relative; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
margin-top: 150px; | margin-top: 150px; | ||
− | background-image: url("https://i.imgur.com/ | + | background-image: url("https://i.imgur.com/O0vYeCB.png"); |
background-size: cover; | background-size: cover; | ||
} | } | ||
.gold { | .gold { | ||
− | width: | + | width: 2000px; |
− | height: | + | height: 1200px; |
position: relative; | position: relative; | ||
margin-left: auto; | margin-left: auto; | ||
Line 73: | Line 73: | ||
margin-top: 150px; | margin-top: 150px; | ||
margin-bottom: 200px; | margin-bottom: 200px; | ||
− | background-image: url("https://i.imgur.com/ | + | background-image: url("https://i.imgur.com/O0vYeCB.png"); |
background-size: cover; | background-size: cover; | ||
} | } | ||
Line 79: | Line 79: | ||
h1 { | h1 { | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 80px; |
− | top: | + | top: 10px; |
− | font-size: | + | font-size: 100px; |
} | } | ||
p { | p { | ||
position: absolute; | position: absolute; | ||
− | font-size: | + | font-size: 72px; |
} | } | ||
.e_1, .g_1 { | .e_1, .g_1 { | ||
− | left: | + | left: 100px; |
− | top: | + | top: 200px; |
} | } | ||
.s_1 { | .s_1 { | ||
− | left: | + | left: 100px; |
− | top: | + | top: 300px; |
} | } | ||
.s_2 { | .s_2 { | ||
− | left: | + | left: 100px; |
− | top: | + | top: 600px; |
} | } | ||
Revision as of 15:55, 15 August 2018
<!DOCTYPE html>
HP
Education
● NCTU Annual br Biotechnology Fair
HP Silver
● Conferences (6th Asia-Pacific)
● Skype Meetup
HP Gold
●Agriculture Improvement Station